Vue3多个弹窗同时出现解决思路
创始人
2024-03-05 12:11:06
0次
Vue3多个弹窗同时出现解决思路
弹窗或者说对话框是我们在开发系统或者页面很常用的元素，所以博主想对出现多个弹窗的情况下的解决思路进行一个整理
有时候我们一个页面可能存在多个弹窗，当多个弹窗出现的时候可能屏幕就变的很黑，如下图所示
取消遮罩层
对此我们可以使用组件原生的属性modal去取消遮罩层
但问题是如果存在两个一样大小的弹窗，比如我在一个500pxX500px的弹窗中有一个按钮，是打开另一个大小为500pxX500px的弹窗，但是我又想存在一层遮罩层（按情况此时是两层遮罩层）以表示目前是打开了弹窗，面对这种情况我们应该怎么解决呢？
打开一层弹窗的同时隐藏另一个弹窗
我们可以给第一个打开的弹窗设置一个display:none属性
思路如图所示：
弹窗冒泡如何解决
这个需求的存在是一个比较特殊的情况，如果存在一个页面，点击这个页面的任何地方都会打开一个弹窗，同时这个页面中有一个按钮可以打开另一个弹窗，如下图所示：
这个情况我们就可以在button的绑定函数中加上.stop，即
这样的话就不会出现两个弹窗了
感谢读者们的阅读
如在开发问题中遇到问题，可私聊博主或加博主微信进行交流
相关内容
热门资讯
美国2年期国债收益率上涨15个...
原标题：美国2年期国债收益率上涨15个基点 美国2年期国债收益率上涨15个基...
汽车油箱结构是什么（汽车油箱结...
本篇文章极速百科给大家谈谈汽车油箱结构是什么，以及汽车油箱结构原理图解对应的知识点，希望对各位有所帮...
嵌入式 ADC使用手册完整版 ...
嵌入式 ADC使用手册完整版 （188977万字）💜&#...
重大消息战皇大厅开挂是真的吗...
您好：战皇大厅这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游戏...
盘点十款牵手跑胡子为什么一直...
您好：牵手跑胡子这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游...
senator香烟多少一盒（s...
今天给各位分享senator香烟多少一盒的知识，其中也会对sevebstars香烟进行解释，如果能碰...
终于懂了新荣耀斗牛真的有挂吗...
您好：新荣耀斗牛这款游戏可以开挂，确实是有挂的，需要了解加客服微信8435338】很多玩家在这款游戏...
盘点十款明星麻将到底有没有挂...
您好：明星麻将这款游戏可以开挂，确实是有挂的，需要了解加客服微信【5848499】很多玩家在这款游戏...
总结文章“新道游棋牌有透视挂吗...
您好：新道游棋牌这款游戏可以开挂，确实是有挂的，需要了解加客服微信【7682267】很多玩家在这款游...
终于懂了手机麻将到底有没有挂...
您好：手机麻将这款游戏可以开挂，确实是有挂的，需要了解加客服微信【8435338】很多玩家在这款游戏...