*/show (target, info) {// 记录targetthis.targetEl = target// 获取target的位置和大小constposition = target.getClientRects()[0]// 获取.el-dialog元素,将其设为和`target`一样的大小和位置constdialog =this.$el.querySelector('.el-dialog') dialog.style.width = position.width +'px'dialog.style...
一个.vue文件,表示封装的相应el-dialog代码 <template> <el-dialog :title="configData.title+configData.afterTitle" v-model="configData.open" width="700px" :close-on-click-modal="false" append-to-body > <div class="edit-data-dialog"> <h1> 哈哈哈,代码封装 </h1> </div> <template #foot...
Vue.directive("el-dialog-drag",{bind:(el,binding)=>{//弹框可拉伸最小宽高letminWidth=400;letminHeight=300;//初始非全屏letisFullScreen=false;//当前宽高letnowWidth=0;letnowHight=0;//当前顶部高度letnowMarginTop=0;//获取弹框头部(这部分可双击全屏)constdialogHeaderEl=el.querySelector(".el...