vue中表单的动态绑定

有一个表单：

<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

转载于:https://www.cnblogs.com/XHappyness/p/8926822.html