与 Vue.js 绑定的 MVVM 无法按预期工作
MVVM binding with Vue.js does not work as expected
我目前正在表单中制作动态大小的可编辑列表组件。
我至少显示了一个输入字段，它负责在您键入时创建新字段。如果您输入的不是空白字符，该字段的值将添加到模型中，然后重新设置。
在下一次勾选时，Vue 更新视图并使用您输入的字母创建新的输入字段，我将焦点放在该字段上，以便用户可以继续输入，就好像他什么也没发生一样。
因此，在创建字段时，模型会获得一个新项目，该项目的值是您输入的字母。问题是当您编辑创建的字段时，模型没有更新。
I made a JSFiddle so you can check it by yourself
itemBlured: function (idx) {
console.log(vm.songs[idx].name); // Always print the same letter for a given field
}
itemBlured 方法的最终目标是删除模型中最后编辑的条目（如果其值为空）。但是现在你可以看到，通过打开你的开发控制台，即使你改变了一个字段的值，Vue 模型也没有更新。
欢迎任何帮助或想法:)
我找到绑定没有发生的原因了
在处理 <input> 标签时，必须使用 v-model 属性而不是 value 来告诉 Vue.js 将输入绑定到您的模型，否则它只会充当小胡子模板。
希望有一天能对某人有所帮助。
我目前正在表单中制作动态大小的可编辑列表组件。
我至少显示了一个输入字段，它负责在您键入时创建新字段。如果您输入的不是空白字符，该字段的值将添加到模型中，然后重新设置。
在下一次勾选时，Vue 更新视图并使用您输入的字母创建新的输入字段，我将焦点放在该字段上，以便用户可以继续输入，就好像他什么也没发生一样。
因此，在创建字段时，模型会获得一个新项目，该项目的值是您输入的字母。问题是当您编辑创建的字段时，模型没有更新。
I made a JSFiddle so you can check it by yourself
itemBlured: function (idx) {
console.log(vm.songs[idx].name); // Always print the same letter for a given field
}
itemBlured 方法的最终目标是删除模型中最后编辑的条目（如果其值为空）。但是现在你可以看到，通过打开你的开发控制台，即使你改变了一个字段的值，Vue 模型也没有更新。
欢迎任何帮助或想法:)
我找到绑定没有发生的原因了
在处理 <input> 标签时，必须使用 v-model 属性而不是 value 来告诉 Vue.js 将输入绑定到您的模型，否则它只会充当小胡子模板。
希望有一天能对某人有所帮助。