默认情况下,点击 el-drawer 以外区域会触发关闭事件。为了阻止这个行为,你需要修改关闭事件的逻辑。 在Vue 组件中,你可以通过监听 el-drawer 的before-close 或close 事件,并在事件处理函数中阻止关闭操作。但是,由于你希望点击外部不关闭 el-drawer,实际上你可能需要确保没有代码在外部点击时触发这些事件。 4. 修改...
},// 关闭抽屉弹出框close() {this.$emit("update:isShowDrawer",false);// 关闭this.$emit("shutDown");// 并抛出一个shutDown通知事件}, }, };// 基本样式.myDrawerWrap{position: fixed;width:100%;height:100%;top:0;left:0;z-index:999;overflow: hidden;.drawerContent{ // 搭配定位的方式...
百度爱采购为您找到海量最新的el-drawer 调用外部组件产品的详细参数、实时报价、行情走势、优质商品批发/供应信息,您还可以免费查询、发布询价信息等。
default:"right",validator(val){returndirectionArr.includes(val);},},// 接收父组件传递过来的关闭函数,会中断关闭抽屉的操作beforeClose:{type:Function,},},computed:{// 动态控制上下左右的抽屉内容区的位置以及抽屉的宽度computedDrawerPosition(){letpositionObj={width:(this.direction...