管理系统批量删除的逻辑方法

前言:在管理系统中,除了删除单个记录的方法,那么为了简化操作,当要删除多个数据记录的时候就要就同时删除多条记录,就可以为系统添加批量删除的功能,本文使用vue+element-plus技术实现对数据的批量删除,重点是实现的逻辑

实现原理

1.首先我们点击批量删除按钮时,要判断是否有被选中要删除的记录,如果没有进行提示,

2.其次选中记录后点击批量删除,弹出批量删除对话框,点击取消,关闭对话框

3.最后点击确定,后端记录删除后,调用刷新页面的方法,实时刷新页面数据

演示代码及效果图

1点击批量删除代码

2.打开对话框操作,上图第72打开

批量删除逻辑代码(由于组件之间存在通信,所以删除代码使用pinia解决)

Pinia

总结

1.点击按钮,打开对话框,对话框上的确定按钮实现批量删除

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值