elementui 对话框和网页输入框之间的距离调整

问题:

目前使用elementui实现页面弹窗的功能，但是由于弹窗中要显示的内容过多，导致内容不能在一页展示，需要上下滑动才行

解决思路:修改elementUI中el-dialog上部到页面顶部的距离

<template>
	<el-dialog :title="dialogTitle" :visible.sync="dialogVisible1" width="60%" :close-on-click-modal="false"  v-alterELDialogMarginTop="{marginTop:'0vh'}">

</template>

// 在main.js中引入
Vue.directive('alterELDialogMarginTop' {
          inserted(el, binding, vnode) {
                    el.firstElementChild.style.marginTop = binding.value.marginTop
          }
})

由于弹窗内容太多，所有我这边设置弹窗上部和网址输入栏的位置为0，这样就能在一个页面展示了。这里记录一下，如果有其他的办法可以分享一下，谢谢!