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'}">