Javascript VueJS：如何在数组的for循环中使用绑定值？

我有一个字符串数组：

myList: ['First item', 'Second item']

我想加上第三个，还有更多。我有一个方法可以将空字符串推送到数组上：

this.myList.push('')

（）

现在看起来是这样的：

['First item', 'Second item', '']

我现在可以编辑了。但是，它不绑定到数组。当添加另一项时，该值将丢失，并返回为空字符串

var-app=新的Vue({
el:“#应用程序”，
数据：函数（）{
返回{
myList:[“第一项”、“第二项”]
}
},
方法：{
删除（索引）{
Vue.delete（this.myList，index）
},
添加（）{
此.myList.push（“”）
}
}
})

✕


添加

输入未与数组元素绑定。试试这个

var-app=新的Vue({
el:“#应用程序”，
数据：函数（）{
返回{
myList:[“第一项”、“第二项”]
}
},
方法：{
删除（索引）{
Vue.delete（this.myList，index）
},
添加（）{
此.myList.push（“”）
}
}
})

✕


添加

您应该使用v-model对输入进行双向绑定，并且必须使用myList[index]，因为v-bind指令需要属性值，而不是v-for别名（如listItem）。试试这个：

var-app=新的Vue({
el:“#应用程序”，
数据：函数（）{
返回{
myList:[“第一项”、“第二项”]
}
},
方法：{
删除（索引）{
Vue.delete（this.myList，index）
},
添加（列表项）{
此.myList.push（“”）
}
}
})

{{myList[index]}
✕


添加