可以从列表中删除特定元素。我尝试了这个函数来删除元素
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>
发布于 2016-11-17 23:54:46
正如文档中所述,Vue.js 2.0中弃用了$remove
,并由splice
取代。确保添加了splice
的第二个参数才能正常工作。
methods: {
removeElement: function (index) {
this.items.splice(index, 1);
}
}
发布于 2017-03-03 14:38:17
如果您的Vue版本是2.2.0+,则可以使用Vue.delete
Vue.delete(this.items, index);
发布于 2017-05-17 02:05:19
$.delete
取代了$.remove
功能。
你可以这样称呼它:
this.$delete(this.someItems, itemIndex)
。
它既可以在Array
上运行,也可以在Object
上运行。对于对象,需要使用已设置关键点的对象。使用数组时,您可以传入要删除的项的索引。
下面是一个小提琴示例:https://jsfiddle.net/james2doyle/386w72nn/
编辑
我还为数组添加了一个示例
https://stackoverflow.com/questions/35459010
复制相似问题