Question

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

我至少显示了一个输入字段，负责在您键入时创建新字段。如果键入除空白字符以外的任何内容，则此字段的值将添加到模型中，然后重新设置。

在下一个勾选中，Vue更新视图并使用您输入的字母创建新输入字段，并将焦点放在此字段上，以便用户可以继续键入 - 如果他没有发生任何事情。

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

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

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

欢迎任何帮助或想法：）

Answer 1

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

处理<input>代码时，必须使用v-model属性代替value告诉Vue.js将输入绑定到模型，否则它只是充当小胡子模板

希望有一天能帮助别人。