vue el-dialog嵌套解决无法点击问题

产生原因:

当你在 el-dialog 上嵌套另一个 el-dialog 窗口时,可能会遇到内部对话框无法点击的问题。这通常是由于嵌套对话框的遮罩层(overlay)或其他样式问题造成的。

解决方案:

如果你的 el-dialog 组件支持 append-to-body 属性,你可以将对话框附加到 body 元素上,以避免 z-index 问题。

复制代码
<template>
  <el-dialog :visible.sync="isVisible" :before-close="handleClose" append-to-body>
    <p>外层对话框</p>
    <el-dialog :visible.sync="innerVisible" :before-close="handleInnerClose" append-to-body>
      <p>内层对话框</p>
    </el-dialog>
  </el-dialog>
</template>
相关推荐
前端互助会9 分钟前
Live2D形象展示与文本语音播报:打造生动交互体验的完整实现
前端·vue.js·microsoft·交互
武昌库里写JAVA3 小时前
微擎服务器配置要求,微擎云主机多少钱一年?
java·vue.js·spring boot·后端·sql
dy17173 小时前
el-table表头上下显示内容
javascript·vue.js·elementui
q***72564 小时前
Spring Boot + Vue 全栈开发实战指南
vue.js·spring boot·后端
lcc1874 小时前
Vue Vue与VueComponent的关系
前端·vue.js
无敌最俊朗@5 小时前
Vue 3 概况
前端·javascript·vue.js
游九尘5 小时前
Element UI 2.x 校验数组每个对象中的name不能为空
vue.js
想努力找到前端实习的呆呆鸟8 小时前
Uniapp如何下载图片到本地相册
前端·vue.js·微信小程序
fmk10238 小时前
Vue中的provide与inject
前端·javascript·vue.js
云枫晖9 小时前
Vue3 响应式原理:从零实现 Reactive
前端·vue.js