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>
相关推荐
计算机学姐1 小时前
基于微信小程序的食堂点餐预约管理系统
java·vue.js·spring boot·mysql·微信小程序·小程序·mybatis
J总裁的小芒果2 小时前
vue3-print打印eletable某一行的数据
javascript·vue.js·elementui
大大。2 小时前
el-input 只能输入数字和一个小数点,或者只能输入正整数
前端·javascript·vue.js
机器人迈克猫3 小时前
Django_Vue3_ElementUI_Release_004_使用nginx部署
nginx·elementui·django
SaxoZhao4 小时前
Vue 中阻止点击事件穿透
前端·javascript·vue.js
用你的胜利博我一笑吧4 小时前
vue3+ts+supermap iclient3d for cesium功能集合
前端·javascript·vue.js·3d·cesium·supermap
代码搬运媛11 小时前
el-table 如何实现行列转置?
javascript·vue.js·elementui
计算机学姐14 小时前
基于python+django+vue的二手电子设备交易平台
开发语言·vue.js·后端·python·mysql·django·web3.py
程序员大金16 小时前
基于SpringBoot+Vue+MySQL的网上租赁系统
java·前端·javascript·vue.js·spring boot·后端·mysql