小程序没有双向数据绑定模式,

1、要么是从界面通过 事件 转换到逻辑,

2、要么是从逻辑通过this.setData() 转到界面,往界面上暴露数据

 案例:如下界面,初始化时,输入框中值为“abc”,当在输入框中继续输入字符时,下面的"abc"和上面保持同步变化

  • 给输入框绑定事件
wxml文件:
<view>
  <input class="weui-input" auto-focus value="{{message}}" bindinput="inputHandle"/>
  <text>{{message}}</text>
</view>
  •  把改变的值通过this.setData()回传到页面
js文件
 data: {
    message:"abc",
  },


  inputHandle(e){
    this.setData({
      message: e.detail.value
    })
  },

想要数据同步变化,必须使用this.setData()重新进行渲染,因为小程序是单向数据流,不能实现双向数据绑定

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐