有一个表单:
<el-form :model="configForm"> </el-form>
如果configForm初始化为{},此对象是动态变化的,如果后面赋值时,这样
this.configForm[key1] = '';
this.configForm[key2] = '';
this.configForm[key3] = ''
vue是检测不到其变化的,vue只会检测到其本身值(对象数组为指针)变化,如果是对象,可以检测初始化对象中已存在的属性变化,而不会检测到新增的属性;
此时应该这样:
var configForm = {};
configForm[key1] = '';
configForm[key2] = '';
configForm[key3] = '';
this.configForm = configForm;
给this.configForm重新赋值,指针发生变化,vue会检测到
相关学习: http://es6.ruanyifeng.com/#docs/object#%E5%B1%9E%E6%80%A7%E5%90%8D%E8%A1%A8%E8%BE%BE%E5%BC%8F