微信小程序使用vant weapp的field输入框组件双向绑定数据

微信小程序使用vant weapp的field输入框组件双向绑定数据

<van-field
            name="telnumber"
            :value="{{telnumber}}"
            type="number"
            placeholder="请输入手机账号"
          />

当我使用 :value来进行双向绑定时，标签值无法赋值给 telnumber

解决方法一 ：

将:value改为model:value就可以解决问题啦

 <van-field
            name="telnumber"
            model:value="{{telnumber}}"
            type="number"
            placeholder="请输入手机账号"
          />

解决方法二 ：

添加一个bind:change或者bind:input方法来实现数据绑定

<van-field
            name="telnumber"
            value="{{telnumber}}"
            type="number"
            placeholder="请输入手机账号"
            bind:change="OnChangeTel"
          />

 //接收手机账号
  OnChangeTel(e){
    this.setData({
      telnumber:e.detail
    })
  }