vue绑定对象，绑定的值不改变的问题

在使用vue结合elmentui的table组件，对数组绑定，需要编辑数组里一些属性的值。我的情况是，需要在打开这个表时，根据条件插入一些对象到table里，经测试，到这里是没问题的，可以显示新插入的对象。问题在于，当我改变这些新插入对象的count字段时，发现输入数字，输入框的数字并没有改变，而在不是新插入的对象上，输入count字段是没问题的。然后，当我去更改这个对象的其他值时，这时原来那个有问题的（值不改变）count字段发生了变化。

这里要说个前提：我新插入的对象是从另一个数组那得来的，

oldArr=[...];//这是原数组；

......//省略代码

let newItem=oldArr[findIndex];

newItem.count=1;//注意oldArr里的对象都没得count字段，oldArr的其他字段在dataTable中是有的

tableData.splice(findIndex,0,newItem);//插入

大概就是这样。

这时，我猜到，其他字段没问题，而偏偏这个没有的count字段有问题，原因可能是因为newItem插入到tableData中去了，有count字段，但是oldArr[findIndex]里没有count;虽然它们指向同一个对象，但说不定有什么差异（没研究过），这时oldArr[findIndex]可能也受到vue的绑定了，就是因为oldArr[findIndex]没有count属性所以才绑定有问题。

然后我的解决办法是：把newItem，deepClone一下，让它是一个独立的对象，斩断和oldArr[findIndex]的联系，这时绑定count值就没问题了。

tableData.splice(findIndex,0,deepClone(newItem));

以上就是这次的分享。