Vuejs 模型绑定错误
Vuejs Model Binding Error
我已经在 vuejs 上工作了 5 个月,现在它是一个很棒的框架,但目前我遇到了模型与我的输入绑定的问题。我试图在 [=] 上向我的语言数组添加一个语言对象17=] 时间但是当我在添加到语言数组后清除我的语言对象时它也会从数组中清除它..这是我的输入字段
这是我的 jsfiddle
`https://jsfiddle.net/abdur_rehman26/5sk4dnqg/
如果我取消注释最后两行,我就会遇到问题
问题在这里:
var language = this.newLanguage
- 您传递了对对象的引用。然后,当绑定值更改时,您的列表项也会更改。
解决方案:创建一个新的克隆对象以推入数组:
var language = JSON.parse(JSON.stringify(this.newLanguage))
我已经在 vuejs 上工作了 5 个月,现在它是一个很棒的框架,但目前我遇到了模型与我的输入绑定的问题。我试图在 [=] 上向我的语言数组添加一个语言对象17=] 时间但是当我在添加到语言数组后清除我的语言对象时它也会从数组中清除它..这是我的输入字段
这是我的 jsfiddle
`https://jsfiddle.net/abdur_rehman26/5sk4dnqg/
如果我取消注释最后两行,我就会遇到问题
问题在这里:
var language = this.newLanguage
- 您传递了对对象的引用。然后,当绑定值更改时,您的列表项也会更改。
解决方案:创建一个新的克隆对象以推入数组:
var language = JSON.parse(JSON.stringify(this.newLanguage))