vue中利用自定义指令修改elementUI对话框dialog到顶部的距离

vue中利用自定义指令修改elementUI对话框dialog到顶部的距离

在要修改组件的地方引用，或者全局main.js中引入

import Vue from "vue";

Vue.directive('alterELDialogMarginTop'/*修改elementUI中el-dialog顶部的距离,传入值eg:{marginTop:'5vh'} */, {
  inserted(el, binding, vnode) {
    el.firstElementChild.style.marginTop = binding.value.marginTop
  }
})

对话框中添加

<el-dialog v-alterELDialogMarginTop="{marginTop:'5vh'}">