【HarmonyOS NEXT】Toggle isOn支持通过$$运算符实现双向绑定吗

最新推荐文章于 2024-09-17 03:10:30 发布

Mayism123

最新推荐文章于 2024-09-17 03:10:30 发布

阅读量385

点赞数 12

文章标签： harmonyos

本文链接：https://blog.csdn.net/Mayism123/article/details/136188915

版权

文章讨论了在Vue中使用ToggleisOn组件时，是否可以通过$$运算符实现双向数据绑定。作者指出，$$运算符支持基础类型变量以及带有@State、@Link和@Prop装饰的变量，需配合Vue的装饰器使用，并提到了相关代码示例和开发工具可能的错误提示。

摘要由CSDN通过智能技术生成

【关键字】

Toggle isOn / $$运算符 / 双向绑定

【问题描述】

Toggle isOn支持通过$$运算符实现双向绑定吗？

当前代码是这样实现的，代码如下：

未使用$$运算符，通过this.message=!this.message手动重置的值，不能像textView一样自动绑定吗？

【解决方案】

支持。

当前$$运算符支持基础类型变量，以及@State、@Link和@Prop装饰的变量。刷新页面需要用@State装饰。

可参照如下代码实现绑定：

@Entry
@Component
struct TogglePage {
  @State message: boolean = true;
  build() {
    Row() {
      Column() {
        Text(this.message + '')
          .fontSize(50)
          .fontWeight(FontWeight.Bold)
        Toggle({type:ToggleType.Checkbox,isOn:$$this.message})
        Button().onClick(() => {
          this.message = !this.message
        })
      }
      .width('100%')
    }.height('100%')
  }
}

说明：当前开发工具提示报错不用关注。