MVVM 与 Vue.js 的绑定无法按预期工作答案

【问题标题】：MVVM binding with Vue.js does not work as expectedMVVM 与 Vue.js 的绑定无法按预期工作
【发布时间】：2015-11-16 07:59:28
【问题描述】：

我目前正在表单中制作一个动态大小的可编辑列表组件。

我至少显示了一个输入字段，它负责在您键入时创建新字段。如果您键入的不是空格字符，则此字段的值会添加到模型中，然后重置。

在下一个滴答声中，Vue 更新视图并使用您输入的字母创建新的输入字段，我将焦点放在该字段上，以便用户可以继续输入，就好像他什么都没发生一样。

因此，当创建字段时，模型会获得一个新项目，其中包含您输入的字母作为其值。问题是当您编辑创建的字段时，模型没有更新。

itemBlured: function (idx) {
    console.log(vm.songs[idx].name); // Always print the same letter for a given field
}

itemBlured 方法的最终目标是删除模型中最后编辑的条目，如果其值为空。但是现在您可以通过打开开发控制台看到，即使您更改了字段的值，Vue 模型也不会更新。

欢迎任何帮助或想法:)

【问题讨论】：

【解决方案1】：

我找到了绑定没有发生的原因。

在处理<input> 标签时，你必须使用v-model 属性而不是value 来告诉Vue.js 将输入绑定到你的模型，否则它只是充当胡子模板。

希望有一天它对某人有所帮助。

【讨论】：