可以从列表中删除特定的元素.我尝试这个功能为删除元素
pop() = remove last element
$remove(index) = not remove any element from lists
remove( index ) = undefined function
unshift( index ) = add new and empty element
splice( index ) = remove all element from index
请帮助我删除列表中的特定元素.
下面是我的js代码
var example2 = new Vue({
el: '#example-2',data: {
items: [
{ message: 'Foo' },{ message: 'Bar' },{ message: 'Bar1' },{ message: 'Bar2' },{ message: 'Bar3' },{ message: 'Bar4' }
]
},method : {
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>
解决方法
$remove在Vue.js 2.0中被弃用,并被文档中所示的拼接替换.确保添加拼接的第二个参数,使其工作.
methods: {
removeElement: function (index) {
this.items.splice(index,1);
}
}