微信小程序雙向綁定

歡迎加入前端交流群交流知識獲取視頻資料：749539640

vue、angular的雙向綁定如下示例:

<div>
  <input type="text" [(ngModel)]="name"> {{name}} </div>

你不需要多余的操作就可以實現這么簡單的雙向綁定，但是在小程序里就不是這么玩的了

<view>
 <input bindinput="bindName"  value='{{name}}'></input> {{name}} </view> bindName(e) { //方法一
  this.data.name = e.detail.value; this.setData({ name: this.data.name }) //方法二
  this.setData({ name: e.detail.value }) }

說一下方法一和方法二的區別：

方法一：第一步先賦值，值發生了變化，但是這個時候頁面不會渲染為新數據，你需要調用setData才能刷新頁面視圖！

方法二：賦值並刷新視圖