vue中el-input赋值后不能编辑

接口数据给el-input赋值成功后不能编辑原因：在Vue实例创建时，obj.b并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新解决：this.$set(val1,val1.val2,val3)this.$set(this.convenForm, 'orPrice', this.convenForm.orPrice);注：this.convenForm是对象，orPrice

weixin_44094836

3589人浏览 · 2020-11-25 12:17:36

weixin_44094836 · 2020-11-25 12:17:36 发布

接口数据给el-input赋值成功后不能编辑

原因：在Vue实例创建时，obj.b并未声明，因此就没有被Vue转换为响应式的属性，自然就不会触发视图的更新

解决：this.$set(val1,val1.val2,val3)

this.$set(this.convenForm, 'orPrice', this.convenForm.orPrice);

注：this.convenForm是对象，orPrice是对象里字段，最后一个是赋值

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