解决多选删除页面不同步问题

多选删除一般有两种情况:

1,删除接口支持传多个id,这是最理想的方法,建议大家积极与后端进行沟通解决。之后只需要判断接口回调刷新页面即可!

2,删除接口不支持传多个id,这就是接下来我们要处理的情况,利用promise.all来解决,亲测有效,接下来尽量用最通俗的语言和代码为大家解释!

复制代码
if (this.selectRows.length > 0) {        //以下为多选方法*******
          const ids = this.selectRows.map((item) => item.id);//取出所有需要删除的id*****
          this.$confirm("你确定要删除选中项吗", "提示", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
            center: true,
          })
            .then(() => {
              var promiseList = new Set();//生成一个唯一的集合******
              ids.forEach(async (item) => {//循环操作添加promise*****
                let promise = function () {
                  return new Promise(async (resolve) => {
                    let res = await crmCustomerDel(item);//crmCustomerDel为删除api ******
                    if (res.code == 200) {
                      resolve();
                    }
                  });
                };
                promiseList.add(promise());
              });
              Promise.all(promiseList)
                .then(async (result) => {
                  this.getInfo();//为页面初始化方法******
                  console.log(result);
                })
                .catch((error) => {
                  console.log(error);
                });
              this.$message({
                type: "success",
                message: "删除成功!",
              });
            })
            .catch(() => {
              this.$message({
                type: "error",
                message: "删除失败",
              });
            });

之后大家复制这段代码,更改为自己的删除api即可,最后希望帮到你,回来帮我点个赞!!!

相关推荐
橙子家14 分钟前
浏览器缓存之【身份与会话管理】:Cookies 和 Private state tokens
前端
To_OC1 小时前
LC 49 字母异位词分组:想到哈希表很简单,选对 key 才是精髓
javascript·算法·leetcode
最新资讯动态1 小时前
HDC 2026 | 对话鲸鸿动能:存量时代,品牌如何夺回营销“主动权”?
前端
最新资讯动态1 小时前
游戏出海,从产品走向体系
前端
最新资讯动态1 小时前
20人团队跑出百万DAU、大厂也来抢量:谁在鸿蒙生态跑出加速度
前端
最新资讯动态1 小时前
千万开发者背后,鸿蒙商业化的B面
前端
爱勇宝3 小时前
AI 时代:智商决定起点,情商决定走多远
前端·ai编程
kyriewen4 小时前
用了半年 Claude Code 后,我尝试关掉它写了一周代码——结果比想象中严重
前端·javascript·ai编程
IT_陈寒4 小时前
Vite的静态资源打包让我熬夜到三点,这坑千万别跳
前端·人工智能·后端
山河木马5 小时前
矩阵专题0-webGL中的矩阵
javascript·webgl·计算机图形学