Vue在不知道数组名称的情况下单击时是否要从数组中删除项目？

Question

我试图添加单击某些内容时从数组中删除项目的功能。我目前有：

<span @click="deleteItem(index)" v-for="(item, index) in customTaxonomies.featured" v-html="item"></span>

然后在我的方法中，我有：

deleteItem: function(index) {
   this.customTaxonomies.featured.splice(index, 1);
}

所以这可行，但是要在我的方法中知道要执行的数组才能做到这一点（customTaxonomies.featured）。有没有办法像我对索引所做的那样，通过v-for循环传递我要定位的数组的名称？

可能是这样的：

<span @click="deleteItem(index, arrayName)" v-for="(item, index, arrayName) in customTaxonomies.featured" v-html="item"></span>

deleteItem: function(index, arrayName) {
   this.arrayName.splice(index, 1);
}

还是通过prop或前端的东西传递数组的名称？我的主要目标是使用应用程序的前端传递要从中删除项目的数组的名称。

Answer 1

如果要传递数组的名称，则应使用

this[arrayName].splice(index, i)

如果您传递数组本身，那将是

arrayName.splice(index, i)