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>
相关推荐
CDwenhuohuo2 小时前
安卓app巨坑 nvue后者页面要写画笔绘制功能nvue canvas
前端·javascript·vue.js
Jyywww1213 小时前
Uniapp+Vue3 使用父传子方法实现自定义tabBar
javascript·vue.js·uni-app
zhengxianyi5153 小时前
使用码云gitee登录ruoyi-vue-pro——坑比较多
前端·vue.js·gitee·ruoyi-vue-pro优化·三方登陆
谢尔登4 小时前
Vue3 响应式系统——ref 和 reactive
前端·javascript·vue.js
天若有情6734 小时前
【JavaScript】React 实现 Vue 的 watch 和 computed 详解
javascript·vue.js·react.js
衫水4 小时前
Ubuntu 系统部署 Vue/Vite 应用到 Nginx
vue.js·nginx·ubuntu
切糕师学AI4 小时前
Vue 中的计算属性(computed)
前端·javascript·vue.js
程琬清君4 小时前
Vue3DraggableResizable可移动范围有问题
前端·javascript·vue.js
天天开心a4 小时前
Vue.js 基础教程笔记(一):Vue入门与环境搭建
前端·javascript·vue.js·笔记·前端框架
心.c5 小时前
文件上传 - 入门篇
前端·javascript·vue.js·node.js·js