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