vue项目中表格中批量删除

vue项目中表格中批量删除,第1张

注:如果后台将单个删除批量删除写的是同一个接口,并且通过数组对象的id删除,请往下看!!!

一、首先肯定要先写删除按和批量删除按钮吧

1、单个删除的按钮

2、批量删除按钮

二、重点来了!!!

1、单个删除按钮的事件(注:接口我全部写在一个js中了,所以你看到的就是这样哦)

2、批量删除按钮的事件

注:其中delist是data里面定义的变量,SelectChange()是el-table中的 @selection-change的事件

初来乍到,请求指教,

vue动态表单中删除再添加时数据删掉的数据又补上了

vue动态表单中删除再添加时数据删掉的数据又补上了

可能是vue的双向绑定机制,当你删除了某个数据,vue会自动更新数据,当你再添加数据时,vue会自动将数据补上。

我用的是:vue + element ui 直接代码。

逻辑

注释:

1.通过对数组的 *** 作,进行添加和删除;

2.这里应注意index这个索引,用于删除时,知道删的是哪一个值;

3.删完对应的值,要对数组的index这个索引重组,否则再删除时会出错;


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/7959536.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-12
下一篇2023-04-12

发表评论

登录后才能评论

评论列表(0条)

    保存