添加如下样式，现在这个弹框既能在视窗居中，又能在内容过多时防止弹框大小超出视窗，还能把滚动限制在body内部从而使得头和尾始终可见，再也不用滚上滚下去找各种标题和按钮了！ .el-dialog{ display: flex ...

el-dialog 里面是一个表单，表单元素比较多，所以页面有滚动条。需要设置每次打开表单的时候，滚动条在顶部。 页面有一个按钮，点击按钮打开el-dialog 弹框。 一开始在网山搜索，有给元素设 id ，然后用 document.getElementById("idName ...

事情要从一次开发一个功能开始说起，我使用的是在el-dialog里面放el-form来存放表单数据，点击按钮后显示el-dialog，然后添加、编辑、查看都使用同一个el-dialog。 然后在操作完编辑后，我再次去点击添加，就发现编辑的数据留在el-dialog里面了，这显然不是我想要 ...

1、在 utils 中新建 directives.js 文件 import Vue from 'vue' // v-dialogDrag: 弹窗拖拽 Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode ...

参考：实现在vue中element-ui的el-dialog弹框拖拽 1、在 utils 中新建 directives.js 文件 2、main.js中导入：import ‘./utils/directives.js’3、使用 el-dialog 的地方加入 ...

在scoped的style块中修改不成功。可以将style块的scoped属性拿掉，或者将这个要改变的样式放进全局样式里再在main.js中导入，或者直接将样式定义在App.vue里面。这些都是可的，但是要注意命名空间要是正确的，不然是找不到样式的。 这里提供另一种方法。其实在vue的SFC中 ...

（基于element ui）根据需求来的，在抽屉组件中嵌套弹出框，然后就出现了下面这种效果： 此时，体现出仔细阅读文档的重要性，其中对话框有这样的属性： 把它加上设置为true就可以了。 ...

当在el-aidlog中给某个标签使用ref属性后，获取时总是显示undefined，原因是在获取时el-dialog还未渲染完成。因此可使用nextTick中再获取 ...