VUEJS是否从列表中删除元素？
VUEJS是否从列表中删除元素？
提问于 2016-02-17 22:10:44
可以从列表中删除特定元素。我尝试了这个函数来删除元素
pop() =删除最后一个元素
$remove(索引)=不从列表中删除任何元素
remove(索引)=未定义的函数
unshift( index )=添加新元素和空元素
splice( index )=从索引中删除所有元素
请帮助我从列表中删除特定元素。
下面是我的js代码。
var example2 = new Vue({
el: '#example-2',
data: {
items: [
{ message: 'Foo' },
{ message: 'Bar' },
{ message: 'Bar1' },
{ message: 'Bar2' },
{ message: 'Bar3' },
{ message: 'Bar4' }
]
},
methods : {
removeElement : function(index){
this.items.$remove(index);
}
}
})下面是我的HTML代码
<ul id="example-1">
<li v-for="(key, item) in items">
{{ item.message }}
<button v-on:click="removeElement(key)">remove</button>
</li>
</ul>回答 6
Stack Overflow用户
回答已采纳
发布于 2016-11-17 23:54:46
正如文档中所述，Vue.js 2.0中弃用了$remove，并由splice取代。确保添加了splice的第二个参数才能正常工作。
methods: {
removeElement: function (index) {
this.items.splice(index, 1);
}
}Stack Overflow用户
发布于 2017-03-03 14:38:17
如果您的Vue版本是2.2.0+，则可以使用Vue.delete
Vue.delete(this.items, index);Stack Overflow用户
发布于 2017-05-17 02:05:19
$.delete取代了$.remove功能。
你可以这样称呼它：
this.$delete(this.someItems, itemIndex)。
它既可以在Array上运行，也可以在Object上运行。对于对象，需要使用已设置关键点的对象。使用数组时，您可以传入要删除的项的索引。
下面是一个小提琴示例：https://jsfiddle.net/james2doyle/386w72nn/
编辑
我还为数组添加了一个示例
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35459010
复制相关文章
相似问题