默认情况下,点击 el-drawer 以外区域会触发关闭事件。为了阻止这个行为,你需要修改关闭事件的逻辑。 在Vue 组件中,你可以通过监听 el-drawer 的before-close 或close 事件,并在事件处理函数中阻止关闭操作。但是,由于你希望点击外部不关闭 el-drawer,实际上你可能需要确保没有代码在外部点击时触发这些事件。 4. 修改...
/ 点击遮罩层关闭默认为trueclickMaskClose:{type:Boolean,default:true,},// 校验抽屉的4个方向direction:{type:String,default:"right",validator(val){returndirectionArr.includes(val);},},// 接收父组件传递过来的关闭函数,会中断关闭抽屉的操作beforeClose:{type:Function,},},computed:{// 动态控制上下左...
不控制冒泡的话,点击内容区也会导致弹出框关闭*/return; } },// 准备关闭抽屉弹出框closeDrawer() {console.log(888);// 若传递了beforeClose函数,就抛出关闭函数,供外部使用if(this.beforeClose) {this.beforeClose(this.close); }// 没有beforeClose函数,直接关闭即可else{this.close(); } },// 关闭抽...