101) 微信小程序 input 雙向綁定

1.WXML  

  <van-field name="idcard" label="ID Card" placeholder="ID Card Number"  data-prop="idcard" value='{{idcard}}' required clearable clearable bindchange='synchroValue'>
      <van-button slot="button" size="small" bindtap="inputBlur" type="danger">Search</van-button>
    </van-field>

2.JS 

  data: {

   idcard:""

  },

synchroValue: function (e) {
    this.setData({ [e.currentTarget.dataset.prop]: e.detail }) },