当前位置: 首页 > article >正文

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>


http://www.kler.cn/a/299686.html

相关文章:

  • The First项目报告:BlackCardCoin让数字资产多元化
  • 阿里短信服务+Redis创建定时缓存
  • 带你走进智能驾驶数据回灌系统
  • 协议头,wireshark,http
  • 2024外滩大会:机器人汽车飞机都来了
  • 基于Java+ssm+jsp开发的相亲交友网站管理系统
  • 牛客小白月赛100(思维、模拟、BFS、分块、三元环、并查集)
  • 数据分析-18-时间序列分析的季节性检验
  • 网络安全 DVWA通关指南 DVWA Reflected Cross Site Scripting (反射型 XSS)
  • ModuleNotFoundError: No module named ‘keras.layers.core‘怎么解决
  • 【编程小白必看】使用Selenium进行网页自动化操作操作秘籍一文全掌握
  • vue3 什么是Composition API 我为什么要使用它?
  • 电子电气架构---私有总线通信和诊断规则
  • 自定义Dialog 两种方式
  • Uniapp基于uni拦截器+Promise的请求函数封装
  • Linux: network: IPv6: ESP: UDP checksum error 一例
  • 你不知道的《回流与重绘》那些事儿
  • 双指针(8)_单调性_四数之和
  • 硅外延片行业分析:未来几年年复合增长率CAGR为5.3%
  • uniapp中scroll-view标签