vant框架van-field组件v-model无效问题

问题描述:

就是一个很正常的van-field组件,通过v-model绑定了一个对象下的某个属性。

vant框架van-field组件v-model无效问题_第1张图片

但是输入过程中实时显示输入内容,失去焦点后却回退显示回之前的内容,打印一下实际值是改变的,在其他正常的van-field输入后,这个问题field又显示出实际值,就离谱。

再看看赋值的地方,从接口拿到数据后直接赋值,并对该字段单独赋值。

 再看看打印的formData,可见其他正常的都是(...)的形式,有问题的直接展示出内容。

vant框架van-field组件v-model无效问题_第2张图片

根据这一现象,修改一下赋值方式,组装好对象后再统一赋值。

vant框架van-field组件v-model无效问题_第3张图片

 之后就可以实时展示双向绑定值了。

你可能感兴趣的:(Vue,vue,vant)