H5W3
当前位置:H5W3 > JavaScript > Vue相关 > 正文

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

问题描述

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

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

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

相关代码

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

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

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

回答

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

请问你找出办法了吗

本文地址:H5W3 » 【Vue】Modal的draggable设置后导致遮罩层不起作用怎么处理?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址