相关文章推荐
温柔的杨桃  ·  Go语言中的交互式CLI开发:survey库 ...·  1 月前    · 
温柔的上铺  ·  大学生必备软件免费自学视频教程,让那些培训班 ...·  11 月前    · 
爽快的手电筒  ·  雷诺发布两款混动车型 百公里油耗仅1.5L|皆电·  2 年前    · 
逆袭的菠萝  ·  王嘉尔再曝新视频,绯闻女友宋雨琦回韩国后,又 ...·  2 年前    · 
文武双全的热带鱼  ·  每日热点科普:美国最奇葩的沙雕全在这,每个都 ...·  2 年前    · 
帅呆的汉堡包  ·  江浙沪最适合秋季的团建活动大合集丨值得收藏 ...·  2 年前    · 
Code  ›  element-UI$confirm消息提示搭配for of 使用.不能生成多个confirm的问题._element $confirm多个按钮
confirm
https://blog.csdn.net/weixin_50061893/article/details/123556947
开朗的滑板
1 年前

用for of 循环遍历数据,生成多个confirm弹窗.然后逐个关闭

遇到问题:

只会生成以最后一条数据为准的confirm弹窗,详细情况见图例
在这里插入图片描述
在这里插入图片描述
如果所示数组长度为5,但是只弹窗了最后一个数据的弹窗.我们想要的效果是生成五个弹窗,然后逐步关闭

原因分析:

因为异步执行机制会导致只能生成最后一次循环结果,不能生成多个confirm,导致需求无法完成.

解决方案1(推荐使用的方法for await…of):

使用for await…of 在完成当前confirm弹窗并且回调后,在弹出下一次的confirm弹窗

在这里插入图片描述
第一次弹窗-第一条数据
在这里插入图片描述
点击取消后出现-第二次弹窗-第二条数据

在这里插入图片描述
以此类推,可完成需求

解决方案2(不推荐使用,递归):

. 在这里插入图片描述
第一次弹窗-谈最后一条数据为主的弹窗

在这里插入图片描述
点击取消或者确定后出现第二次弹窗,显示倒数第二条数据,以此类推
在这里插入图片描述

注意事项:

类似于 await 运算符一样,该语句只能在一个async function 内部使用。for await…of 不适用于不是异步可迭代的异步迭代器。

 
推荐文章
温柔的杨桃  ·  Go语言中的交互式CLI开发:survey库简介 - 落雷
1 月前
温柔的上铺  ·  大学生必备软件免费自学视频教程,让那些培训班都见鬼去吧-CSDN博客
11 月前
爽快的手电筒  ·  雷诺发布两款混动车型 百公里油耗仅1.5L|皆电
2 年前
逆袭的菠萝  ·  王嘉尔再曝新视频,绯闻女友宋雨琦回韩国后,又在家中密会俩美女_黄旭熙_恋情_回应
2 年前
文武双全的热带鱼  ·  每日热点科普:美国最奇葩的沙雕全在这,每个都超出你想象力!|佛州|达尔文|麦克唐纳|佛罗里达州_网易订阅
2 年前
帅呆的汉堡包  ·  江浙沪最适合秋季的团建活动大合集丨值得收藏 - 知乎
2 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号