全局水印与其它遮罩层冲突

[daxiaraoming]

问题描述

vue版本使用全局水印:is-body="true" 并且开启保护模式的情况下,触发带遮罩的事件就会导致页面无响应,且无法恢复;
带遮罩的事件如对话框弹窗/图片点击放大;
测试后发现关闭保护模式watermark.options.monitor = false,或者不使用全局水印没有出现该问题;

复现步骤

import { Watermark } from '@pansy/vue-watermark';
watermark.options.monitor = true

<Watermark :options="watermark.options" :visible="watermark.visible" :is-body="true"> </Watermark>

触发任意带遮罩效果

环境详情

• **@pansy/vue-watermark version:1.1.3
• **vue version:3.2.36

[wangxingkang]

我看下

[wangxingkang]

@daxiaraoming 提供下最小复现包吧

[daxiaraoming]

@daxiaraoming 提供下最小复现包吧

demo

[iworklee]

react 版本也有同样的问题，demo

[weeeiSir]

所以这个问题目前还是未解之谜吗？把 monitor 设置为 false 后，遮罩层不冲突了，界面不卡了，疫情也解封了嗨

[MickeyMouse623]

实测，el-dialog嵌套2个，依次关闭后就会出现页面卡死