Vue删除data列表中的项

Posted 记录

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue删除data列表中的项相关的知识,希望对你有一定的参考价值。

下为异步删除购物车,并清空当前条目

 1  cartDel: function (item) {
 2                 let _this = this;
 3                 _this.confirm("确认删除吗?", function () {
 4                         _this.axios.post(cartDel, qs.stringify({
 5                             ‘cart_id‘: item.cart_id
 6                         })).then(function (res) {
 7 //                            console.log(res)
 8                             if (res.data.code == 200 && res.data.datas == 1) {
 9 //                                console.log(_this.cart_list.indexOf(item))
10                                 var index = _this.cart_list.indexOf(item)
11                                 _this.cart_list.splice(index, 1)
12 
13 
14                             }
15                         })
16                     },
17                     function () {
18                         _this.toast("取消成功")
19 
20                     }
21                 )
22 
23             },

axios.post中的cartDel为请求的的接口地址

以上是关于Vue删除data列表中的项的主要内容,如果未能解决你的问题,请参考以下文章

vue中的列表项删除操作

使用列表/数据帧作为R中for循环中的项

Axure7 两个下拉列表联动,第一个下拉列表选中某项后,删除第二个下拉列表中的项

13 个非常有用的 Python 代码片段

如何通过单击适配器类中代码的项目中的删除按钮来删除列表视图中的项目后重新加载片段?

comboBox控件怎么清空下拉列表中的项啊