[Element]给项目中所有的dialog添加打开关闭监听

最新推荐文章于 2024-05-10 17:12:12 发布

July twelve

最新推荐文章于 2024-05-10 17:12:12 发布

阅读量790

点赞数

文章标签： elementui

本文链接：https://blog.csdn.net/yys190418/article/details/130622408

版权

文章描述了一个项目中使用iframe时遇到的遮罩层控制问题。当前项目无法直接全屏遮罩，需要通过与父级容器通信来控制遮罩的开关。作者提供了重写ElementUI的Dialog组件watch中的visible方法来传递开启或关闭遮罩的信息给父级页面。

摘要由CSDN通过智能技术生成

问题出现的原因：当前项目需要使用iframe嵌入到其他项目中，当前项目的遮罩，无法主动遮罩全屏，需要每次开启关闭遮罩，告知父级容器，让父级容器开启关闭遮罩，相互配合

实现代码

main.js（在全局引入Element的地方）

import Element from 'element-ui'
// 重写开启弹窗（当前无用，后续嵌入iframe后，可从该方法中，向父级页面传递是否开启遮罩的信息） yyshu 20230511
const oldVisible = Element.Dialog.watch.visible
Element.Dialog.watch.visible = function (val) {
  oldVisible.bind(this, val)
}