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

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

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即可,最后希望帮到你,回来帮我点个赞!!!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/171820.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

MVCC多版本并发控制相关面试题整理

多版本并发控制是一种用于支持并发事务的数据库管理系统技术,它允许多个事务同时访问数据库,而不会相互干扰或导致数据不一致。MVCC通过在数据库中维护不同版本的数据来实现这一目标,从而允许每个事务看到一致的数据库快照。 并发导致的问题…

【数据结构】树与二叉树(廿二):树和森林的遍历——后根遍历(递归算法PostOrder、非递归算法NPO)

文章目录 5.1 树的基本概念5.1.1 树的定义5.1.2 森林的定义5.1.3 树的术语 5.2 二叉树5.3 树5.3.1 树的存储结构1. 理论基础2. 典型实例3. Father链接结构4. 儿子链表链接结构5. 左儿子右兄弟链接结构 5.3.2 获取结点的算法5.3.3 树和森林的遍历1. 先根遍历(递归、非…

LuatOS-SOC接口文档(air780E)--protobuf - ProtoBuffs编解码

示例 -- 加载 pb 文件, 这个是从pbtxt 转换得到的 -- 转换命令: protoc.exe -operson.pb --cpp_outcpp person.pbtxt -- protoc.exe 下载地址: https://github.com/protocolbuffers/protobuf/releases protobuf.load(io.readFile("/luadb/person.pb")) local tb {n…

qt5.15.2及6.0以上版本安装

文章目录 下载在线安装器安装打开软件 下载在线安装器 因为从qt5.15开始不支持离线下载安装了,只能通过在线安装的方式进行安装。 下载在线安装下载器: 这个在线安装下载器网上也都是可以找到。 这里是其放到网盘上的下载地址: 链接&#x…

DL Homework 8

目录 习题5-2 证明宽卷积具有交换性, 即公式(5.13). 习题5-4 对于一个输入为100 100 256的特征映射组, 使用3 3的卷积核, 输出为100 100 256的特征映射组的卷积层, 求其时间和空间复杂度. 如果引入一…

Openwrt linux 启动流程

OpenWRT 启动流程 内核启动过程:【/init/mian.c】 Uboot --> start_kernel() --> rest_init() --> kernel_thread(kernel_init) --> kernel_init_freeable() 初始化过程: Linux Kernel(kernel_init) --> /etc/preinit --> /sbin/in…

视频号小店入驻需要多少资金?入驻费用详解!

我是电商珠珠 视频号团队在22年7月的时候,开始发展自己的电商平台-视频号小店。 这一消息在电商圈不胫而走,我也是从10月开始转向视频号小店,目前已经拥有了属于自己的视频号小店运营团队。 很多想要做视频号小店的新手,都会跑…

2023 年最新百度智能云千帆大模型 Node.Js 本地测试 / 微信机器人详细教程

千帆大模型概述 一站式企业级大模型平台,提供先进的生成式AI生产及应用全流程开发工具链。直接调用ERNIE-Bot 4.0及其他主流大模型,并提供可视化开发工具链,支持数据闭环管理、专属大模型定制、大模型训练调优、插件编排等功能。 千帆大模型…

Python基础:字符串详解(需补充完善)

1. 字符串定义 在Python中,字符串是一种数据类型,用于表示文本数据。字符串是由字符组成的序列,可以包含字母、数字、符号和空格等字符。在Python中,你可以使用单引号()或双引号("&#x…

阅读笔记——《Removing RLHF Protections in GPT-4 via Fine-Tuning》

【参考文献】Zhan Q, Fang R, Bindu R, et al. Removing RLHF Protections in GPT-4 via Fine-Tuning[J]. arXiv preprint arXiv:2311.05553, 2023.【注】本文仅为作者个人学习笔记,如有冒犯,请联系作者删除。 目录 摘要 一、介绍 二、背景 三、方法…

C语言 - 语句

C语言-语句 1. 随机数 作用:随机获取一个数字 对应的头文件 stilib.h time.h相关函数 srand() rand()使用: 1、设置随机数种子,一个程序只需设置一次 srand(time(NULL));2、获取随机数 int 变量名 rand();获取指定范围的随机数 获取0~1…

输出后,我悟了!

大家好,我是木川 今天和前同事吃饭聊天,谈到了输出,今天简单谈下关于输出的重要性 一、为什么要输出 1、不输出容易忘,如果不输出很容易就忘记了,如果再遇见一次,还是需要重新学习,实际上是浪费…

有关HarmonyOS-ArkTS的Http通信请求

一、Http简介 HTTP(Hypertext Transfer Protocol)是一种用于在Web应用程序之间进行通信的协议,通过运输层的TCP协议建立连接、传输数据。Http通信数据以报文的形式进行传输。Http的一次事务包括一个请求和一个响应。 Http通信是基于客户端-服…

【Linux学习笔记】protobuf 基本数据编码

https://zhuanlan.zhihu.com/p/557457644https://zhuanlan.zhihu.com/p/557457644 [新文导读] 从Base64到Protobuf,详解Protobuf的数据编码原理本篇将从Base64再到Base128编码,带你一起从底层来理解Protobuf的数据编码原理。本文结构总体与 Protobuf 官…

命令行与环境变量【03】

文章目录 1. 为什么要学命令行?2. 命令行的打开方式3. 常用命令3.1 切换磁盘命令3.2 改变目标目录 -- cd4. 在命令行任意启动一个文件5. 小练习:cmd-原神启动6.环境变量本节学习目标: ①理解什么是命令行,为什么要学命令行?   ②掌握如何进行切换磁盘操作(d: e: f:) …

关于SSD的FTL

FTL Flash Translation Layer 闪存转换层 作用:完成主机逻辑地址空间到闪存物理空间的映射 简言之,使用者在C盘下写入一个文件,对应这个文件资料写进SSD,SSD会记录这份资料存储的位置,在HOST再次读取时,从SSD闪存对应位…

【随笔记录】VMware搭建python开发环境

Vmware虚拟机总是连接不到网络。 环境为:笔记本WLAN 解决方法。 1.直接使用VMware 编辑->虚拟网络编辑器->恢复默认设置。 2.取消网卡的IP的dhcp获取,改为static。网关为提供IP的主机的网络IP(NAT模式) 3.windows打开共享网…

kotlin 防范竞态

当你调用成员,这个成员可能为null,可能为空值,就必须采用防范竞态条件,这个是 KT 编程的规范化 下面举例: 防范竞态条件【尽量使用 ? 内置函数 空合并操作符】 fun test(){val info: String ? "&q…

软件学院PTA天梯赛初赛选拔赛题解

目录 7-2 生肖确定(模拟) AC代码: 7-3 韩信点兵(模拟) AC代码: 7-4 程序员买包子(模拟) AC代码: 7-5 h0078. 蛇形矩阵变形 AC代码: 7-6 军事体能成绩…

23.11.26日总结

图片与文字顶部对齐&#xff1a; <div class"addDishImgBox"><span class"addDishImgZi">商品图片&#xff1a;</span><img :src"myStorePhoto" class"addDishImg"> </div> .addDishImgBox{display: f…