:showCloseIcon="false" ></my-drawer> <my-drawer :isShowDrawer.sync="isShowDrawer2" title="下方弹出" direction="bottom" :isShowHeader="false" > :isShowHeader="false"去掉抽屉的头部内容 :isShowHeader="false"去掉抽屉的头部内容 :isShowHeader="false"去掉抽屉的头部内容 :isShowHeader="false"...
<template><el-drawer:id="id+'_drawer'":wrapperClosable="false"@close="onClose"v-if="isShowDraw":visible.sync="isShowDraw":direction="direction":size="sizePercentLabel"><templateslot="title"><slotname="title"></slot></template><slot></slot></el-drawer></template>exportdefault{ name:...
<template><el-drawer:id="id+'_drawer'":wrapperClosable="false"@close="onClose"v-if="isShowDraw":visible.sync="isShowDraw":direction="direction":size="sizePercentLabel"><templateslot="title"><slotname="title"></slot></template><slot></slot></el-drawer></template>exportdefault{ name:...
父组件: <template> <comfirm-charge :is-active="drawerVisible" :userid="userId" :sid="sid" :sname="sname" @Visible="showDrawerChange" @comfirm="resetForm" /> </template> import ComfirmCharge from'./confirm-charge-drawer.vue'exportdefault{ components: { ComfirmCharge }, data() {return{ ...
data() { return { drawerShow: true }; }, 2.利用open事件解除禁用功能。 handleOpenDrawer() { this.$nextTick(() => { this.drawerShow = false; }); } 3.关闭时使用close事件再重置禁用状态。 handleCloseDrawer() { this.drawerShow = true; }, ...
Close属性控制是否能够点击背景遮罩层关闭抽屉<my-drawer:isShowDrawer.sync="isShowDrawer1"title="上方弹出direction='top'"direction="top":beforeClose="handleClose":showCloseIcon="false"></my-drawer><my-drawer:isShowDrawer.sync="isShowDrawer2"title="下方弹出"direction="bottom":isShowHeader="false"...
},// 是否显示关闭小图标showCloseIcon: {type:Boolean,default:true, },// 是否开启抽屉背景遮罩层mask: {type:Boolean,default:true, },// 点击遮罩层关闭默认为trueclickMaskClose: {type:Boolean,default:true, },// 校验抽屉的4个方向direction: {type:String,default:"right",validator(val) {returndir...
onClose() {this.isShowDraw=falsethis.$emit('update:isShow',false); }, bindEvents() { const containerElement=document.getElementById(`drawer_container_${this.id}`)if(containerElement) { containerElement.addEventListener('mousemove',this.onMouseMove) ...
onClose() {this.isShowDraw=falsethis.$emit('update:isShow',false); }, bindEvents() { const containerElement=document.getElementById(`drawer_container_${this.id}`)if(containerElement) { containerElement.addEventListener('mousemove',this.onMouseMove) ...
onClose() {this.isShowDraw=falsethis.$emit('update:isShow',false); }, bindEvents() { const containerElement=document.getElementById(`drawer_container_${this.id}`)if(containerElement) { containerElement.addEventListener('mousemove',this.onMouseMove) ...