v1的处理方式
@Component
struct Index {
build() {
Column() {
TestDemo({
callBack: (callBack: () => void) => {
console.info('方法处理')
callBack()
}
})
}
.size({ width: '100%', height: '100%' })
}
}
@Component
struct TestDemo {
callBack: (callBack: () => void) => void = () => {}
build() {
Column() {
Button('点击弹起').onClick((event: ClickEvent) => {
this.callBack(() => {
console.info('独有业务逻辑')
})
})
}
.size({ width: '100%', height: '100%' })
}
}
v2的处理方式
@ComponentV2
struct Index {
build() {
Column() {
TestDemo({
callBack: (callBack: () => void) => {
console.info('方法处理')
callBack()
}
})
}
.size({ width: '100%', height: '100%' })
}
}
@ComponentV2
struct TestDemo {
@Param callBack: (callBack: () => void) => void = () => {}
build() {
Column() {
Button('点击弹起').onClick((event: ClickEvent) => {
this.callBack(() => {
console.info('独有业务逻辑')
})
})
}
.size({ width: '100%', height: '100%' })
}
}