vue.js - vue删除一个li,删除不掉
本文介绍了vue.js - vue删除一个li,删除不掉的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
删除不掉元素
-
代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>track-by</title> </head> <body> <div id="app"><p v-for="(item,index) in items">
{{item.message}}</p>
<input type="button" value="删除" @click="del">
<input type="button" value="添加" @click="add"></div> <script src="vue.js"></script> <script>var test={uid:454,message:"7777777"};
new Vue({el:"#app", data:{ items:[ {uid:111,message:"1111111"}, {uid:222,message:"2222222"}, {uid:333,message:"3333333"}, ], }, methods:{ del:function () { Vue.delete(this.items,454); // this.items.splice(index,1); }, add:function () { this.items.push(test); } },})
</script> </body> </html> 只能添加，不能删除。
问题是：
①用delete怎么删除
②用slice怎么删除，我那样写的话，我有传参数index,永远删除的都是第一个。
解决方案
是应该用 splice，你的 的index 没看到你定义。
Vue.delete 是删除对象的吧
这篇关于vue.js - vue删除一个li,删除不掉的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
