el-dialog两个弹框里面套弹框受外层弹框影响

el-dialog嵌套的影响及解决方法

解决方法如下:

在里层弹框里添加 append-to-body

复制代码
  <el-dialog
    title="图片预览"
    :visible.sync="dialogVisible"
    class="imgDialog"
    :modal="false"
    append-to-body
  >
    <img width="100%" :src="dialogImageUrl" alt="" />
  </el-dialog>
相关推荐
胡萝卜3.03 分钟前
现代C++特性深度探索:模板扩展、类增强、STL更新与Lambda表达式
服务器·开发语言·前端·c++·人工智能·lambda·移动构造和移动赋值
AI_56789 分钟前
Vue3组件通信的实战指南
前端·javascript·vue.js
烤麻辣烫9 分钟前
黑马大事件学习-16 (前端主页面)
前端·css·vue.js·学习
Dragon Wu12 分钟前
TanStack Query(React Query) 使用总结
前端·react.js·前端框架·react
鹏多多16 分钟前
flutter-使用EventBus实现组件间数据通信
android·前端·flutter
UpgradeLink17 分钟前
Electron项目使用electron-updater与UpgradeLink接入参考
开发语言·前端·javascript·笔记·electron·用户运营
程序员祥云26 分钟前
技能特⻓回答
前端·面试
xiaoxue..29 分钟前
React 新手村通关指南:状态、组件与魔法 UI
前端·javascript·react.js·ui
滿44 分钟前
Vue3 ElementPlus el-select 焦点事件数据不回显问题
javascript·vue.js·elementui
晚霞的不甘1 小时前
Flutter + OpenHarmony 架构演进:从单体到模块化、微前端与动态能力的现代化应用体系
前端·flutter·架构