vue项目
index.vue页面有A,B两个按钮，分别打开两个子组件弹窗，如何在点击A按钮打开弹窗后，拖到一旁不关闭，点击B按钮打开B弹窗。使其两个弹窗同时存在，可以对两弹窗进行拖拽拉伸。
求🆘。一个页面如何同时打开两个弹窗
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
王玖的解忧屋 2022-07-07 11:54关注你首先先写2个组件，然后给他们用定位，使用在指定位置弹出，然后在给他们绑定事件，通过事件实现拖拽，事件实现拖拽就是先获取鼠标距离然后和当前盒子的距离进行计算，返回一个新的数据
解决 无用评论 打赏举报 分享
- 2023-03-14 18:36qq_46689683的博客 原来想在antd的Modal框进行二次封装，发现antd的Modal不能取消掉...如果多个相同的弹窗内容可以循环展示出来，我这里两个弹窗内容原本相差较大，所以分开写。到这里基本雏形就已经实现了，只需要写弹窗内容就可以了。
- 2020-10-16 09:311. **在父页面中添加关闭一级弹窗的函数**：在一级弹窗的 JS 代码中，我们可以定义一个函数，例如 `closeParentWindow()`，这个函数用于关闭当前的一级弹窗。 2. **在一级弹窗的打开回调函数中调用父页面的函数**：...
- 2024-08-06 09:59林某人的代码日常的博客 同一个页面使用2次el-dialog弹窗，页面会发生错乱，此时可以给el-diglog加上append-to-body，这样就可以解决，如。我在项目中是在第二个弹窗中使用append-to-body，可以完美解决。
- 2020-12-22 06:31weixin_39933508的博客 一个弹窗组件通常包含两个部分，分别是遮罩层和内容层。遮罩层是背景层，一般是半透明或不透明的黑色。内容层是放我们要展示的内容的容器。{{ title }}取消确认现在弹窗组件的结构已经搭建出来了。类 modal-bg: 遮罩...
- 2020-12-19 11:10weixin_39578899的博客 前言在日常工作中弹窗组件是很常用的组件，但用得多还是别人的，空闲时间就自己来简单实现一个弹窗组件涉及知识点：extend、$mount、$el使用方式：this.$Confirm({title:'自定义标题'}).then(res=>{console.log...
- 2022-12-01 09:00前端小王hs的博客 Vue3多个弹窗同时出现解决思路：弹窗或者说对话框是我们在开发系统或者页面很常用的元素，所以博主想对出现多个弹窗的情况下的解决思路进行一个整理
- 2024-08-29 11:34光影3415的博客 如果你使用的是 Element UI，el-dialog 组件有一个 append-to-body 属性，这个属性可以将弹窗的 DOM 直接挂载到 body 标签上，这样可以避免一些层级嵌套问题：
- 2020-12-22 06:31weixin_40006265的博客 最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一下，下面本文会带着大家手摸手实现一...
- 2020-12-23 18:07曹舟力的博客 浏览器渲染过程https://segmentfault.com/a/1190000022633988在我们面试过程中，面试官经常会问到这么一个问题，那就是从在浏览器地址栏中输入URL到页面显示，浏览器到底发生了什么？这个问题看起来是老生常谈，但是...
- 2023-04-27 16:21宝藏程序员的博客 实现可拖动这一功能的话网上教程很多，而我需要在此基础上实现点击页面打开多个可拖动弹出框。首先以下执行命令，安装vuedraggable，通过vuedraggable 实现拖动过渡动画比较好。在页面中通过v-dialogDrag命令绑定到...
- 没有解决我的问题, 去提问
问题事件
创建了问题
7月7日