在用vant小程序版weapp时,无法实现双向数据绑定,利用change或input事件可以动态实现双向绑定。
<van-field :value="oldpassword" label="旧密码" placeholder="请输入密码" clearable required></van-field>
一般 :value="oldpassword" 这样我们在vue中就可以直接数据双向绑定了但是在小程序中
标签输入的值不能赋给oldpassword(定义的值可以在输入框内显示),那么我们就达不到双向绑定的目的,
<van-field :value="oldpassword" label="旧密码" placeholder="请输入密码" clearable required @change="oldpassword = $event.mp.detail"></van-field>
@change这个函数是可以改变标签内的值并赋值,这样就可以达到双向绑定的目的
<van-field :value="loginForm.username" placeholder="请输入用户名" required label="用户名" @input="loginForm.username=$event.mp.detail"/>