Vue.set解决Vant中输入框（Field）组件，动态渲染时获取不到输入值的问题

根据配置文件，自动生成Field组件时，由于Field组件是自动生成的，所以Field组件的v-model也是根据配置文件生成的，使用的是对象的键值。在输入框内输入值后，光标离开输入框，输入框立马变为空，然而监听却发现输入框的值其实已经是你输入的值了，只是输入框中不显示。解决办法：初始化v-model使用的对象时，使用Vue.set给对象赋值。Vue.set(对象,对象的键, 对象的值);...

D_lunar

3439人浏览 · 2021-12-02 14:10:14

D_lunar · 2021-12-02 14:10:14 发布

根据配置文件，自动生成Field组件时，由于Field组件是自动生成的，所以Field组件的v-model也是根据配置文件生成的，使用的是对象的键值。在输入框内输入值后，光标离开输入框，输入框立马变为空，然而监听却发现输入框的值其实已经是你输入的值了，只是输入框中不显示。

解决办法：初始化v-model使用的对象时，使用Vue.set给对象赋值。

Vue.set(对象,对象的键, 对象的值);

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^