Vuejs模型绑定错误

Question

我已经在vuejs工作了5个月，现在它是一个很棒的框架工作但是目前我正在使用我的输入来解决这个模型绑定问题..我试图在运行时向我的语言数组添加一个语言对象但是当我添加到语言数组后清除我的语言对象，它也从数组中清除它..这是我的输入字段

这是我的jsfiddle

`https://jsfiddle.net/abdur_rehman26/5sk4dnqg/

如果我取消注释最后两行我面临的问题

Answer 1

问题在于：

var language = this.newLanguage - 您传递对象的引用。然后，当绑定值更改时，列表项也会更改。

解决方案：创建一个新的克隆对象以将其推入数组：

var language = JSON.parse(JSON.stringify(this.newLanguage))

然后它可以正常工作：https://jsfiddle.net/wostex/f88jxyw7/