【Vue】Modal的draggable设置后导致遮罩层不起作用怎么处理？

• Z时代
• 2024-01-10
• 分类：技术分享

问题描述

当我想设置属性让Modal对话框可以拖拽，这时遮罩层就自动关闭的，导致可以修改，我想要的是遮罩层开启

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<Modal v-model="visible" title="修改" width="700" :mask-closable="false" :loading="loading"
@on-ok="ok('modifyForm')" @on-cancel="cancel">
</Modal>       

你期待的结果是什么？实际看到的错误信息又是什么？

回答

你的遮罩层 应该有绑定 点击事件，然后就隐藏遮罩 是吧？
在遮罩层的点击事件里，做下判断，事件的 target dom 不是遮罩层自己的话，就忽略不进行下面的 隐藏操作

请问你找出办法了吗

以上是 【Vue】Modal的draggable设置后导致遮罩层不起作用怎么处理？ 的全部内容， 来源链接： utcz.com/a/84262.html