HarmonyOS4底部组件控制购物车的显示和隐藏

181 阅读1分钟

显示或隐藏一个容器可以通过状体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})