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>
相关推荐
我是日安2 小时前
从零到一打造 Vue3 响应式系统 Day 27 - toRef、toRefs、ProxyRef、unref
前端·javascript·vue.js
Q_Q19632884752 小时前
python+vue的在线租房 房屋租赁系统
开发语言·vue.js·spring boot·python·django·flask·node.js
不如喫茶去2 小时前
VUE查询-历史记录功能
前端·javascript·vue.js
武天2 小时前
说说你对slot的理解?slot使用场景有哪些?
vue.js
武天2 小时前
vue中,key的原理
vue.js
武天2 小时前
如何打破scope对样式隔离的限制?
vue.js
武天2 小时前
Vue中的$nextTick有什么作用?
vue.js
武天2 小时前
刷新浏览器后,Vuex的数据是否存在?如何解决?
vue.js
武天2 小时前
你是怎么处理vue项目中的错误的?
vue.js
武天2 小时前
怎么在 Vue 中定义全局方法?
vue.js