微信小程序双向数据绑定

  //wxml部分

  <input type="text" value="{{phone}}"

  bindinput="vmodel"   data-value="phone"    // 就是这一行了

  placeholder="请输入联系电话" placeholder-class="placeholder-input"/>

  js

  js部分

  data:{ phone:'' } vmodel(e) { this.setData({ [e.currentTarget.dataset.value]:e.detail.value /** * e.currentTarget.dataset.value 拿到我要改变的数据 input * e.detail.value 拿到 我改变以后的值 */ }) }

posted @ 2020-12-31 09:33  web格调  阅读(644)  评论(0编辑  收藏  举报