vue.js - 新添加的数组对象的工作方式相同

Question

请帮忙。我有这个代码。我有一种感觉 v-for 缓存（或错误地使用它）我的数据数组。新添加的对象（带有“添加”按钮）的编辑方式相同。尝试添加一些行并放置一些文本或更改一个复选框，您会看到。

标签： vue.js

Answer 1

// Update this fn to: 
addMessenger() {
            this.data.profile.vsAppMessengers.push({...this.data.profile.messengerTemplate}); 
},

问题是：对象是通过引用复制的。阅读更多：https ://codeburst.io/explaining-value-vs-reference-in-javascript-647a975e12a0

更新小提琴链接：https ://jsfiddle.net/shivampesitbng/6hoL0jts/2/