显示或隐藏一个容器可以通过状体state控制
@state
showCart:boolean = false //
if(this.showCart){
Cart() //组件
}
数据双向绑定(状态共享-父子双向):
子组件中被@Link装饰的变量与其父组件中对应的数据源建立双向数据绑定。
数据传递底部组件
@Component
export struct Footer {
@Link
showCart:boolean
build() {
Row(){
Text('底部栏')
.onClick(()=>{
this.showCart=!this.showCart
})
}
}
}
往组件里传递数据
Footer({showCart:$showCart})