iview里面的使用draggable拖拽移动,禁止可以点击其他区域

分析:

1.iview里面的使用draggable拖拽移动后会让弹层消失,

文档里面:

mask 是否显示遮罩层,开启 draggable 时,强制不显示

2.由此看到,iview  开启 draggable 时,弹层强制不显示了,

所以需要设置,不能点击其他区域,尤其是页面的按钮;

解决方法:

iview里面有个默认的属性:

.ivu-modal-no-mask {

    pointer-events: none;

}

改成下面的就可以了:

.ivu-modal-no-mask {

    pointer-events: auto;

}

效果图:

iview里面的使用draggable拖拽移动,禁止可以点击其他区域_第1张图片

代码如下:

 






 

你可能感兴趣的:(iview里面的使用draggable拖拽移动,禁止可以点击其他区域)