Vue中使用$set()赋值，js直接赋值不生效的时候

Vue中的$set()的使用今天在使用vue的时候，form表单中的有个属性是disabled，其数据是接口返回后赋值，赋值后页面有显示但是非空校验还是提示是空的：this.form.optnCode = item.optnCode我开始就是像上面这样直接用js赋值的方式填值，但是校验不通过，我想这样给值应该是没影响form表单中校验对应的数据，后来百度看到有人用vue的$set()成功了！正确的

pengliling

7291人浏览 · 2020-08-10 11:34:46

pengliling · 2020-08-10 11:34:46 发布

Vue中的$set()的使用

今天在使用vue的时候，form表单中的有个属性是disabled，其数据是接口返回后赋值，赋值后页面有显示但是非空校验还是提示是空的：
form里面在这里插入图片描述

this.form.optnCode = item.optnCode

我开始就是像上面这样直接用js赋值的方式填值，但是校验不通过，我想这样给值应该是没影响form表单中校验对应的数据，后来百度看到有人用vue的$set()成功了！正确的写法是：

this.$set(this.form, 'optnCode', item.optnCode)

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}$/, //不连续的两位字母// /^