iview弹窗开启了 draggable 之后会强制不显示遮罩层,想要实现同时使用拖拽效果和遮罩效果,这时只能手动设置除弹框区域外其他区域不能点击,通过增加ivu style样式实现。
<template>
<Modal
draggable
v-model="isShow">
</Modal>
</template>
<style>
.ivu-modal-no-mask {
pointer-events: auto !important; /**透设除弹框外其他区域不能点击 !important强制覆盖原样式,不然此属性不起作用*/
background-color: rgba(0,0,0,0.3); /**透明的遮罩效果 */
}
</style>