const dialogHeaderEl = el.querySelector('.el-dialog__header'); //弹窗 const dragDom = el.querySelector('.el-dialog'); //给弹窗加上overflow auto;不然缩小时框内的标签可能超出dialog; dragDom.style.overflow = "auto"; //清除选择头部文字效果 dialogHeaderEl.onselectstart = new Function("retu...
const dialogHeaderEl = el.querySelector('.dialog_header'); // 获取弹窗 const dragDom = el.querySelector('.el-dialog') // 给弹窗加上overflow:auto;不然缩小时框内的标签可能超出dialog dragDom.style.overflow = 'auto' // 头部加上可拖动cursor dialogHeaderEl.style.cursor = 'move' // 头部拖...
important;height:90%;overflow: hidden; .el-dialog__body {position: absolute;left:0;top: 54px;bottom:0;right:0;padding:0; z-index:1;overflow: hidden; overflow-y: auto; } } 在el-dialog标签中设置class="abow_dialog"即可 弹窗为页面高度的90%,且上下居中。 el-dialog__body内容部分会根据内容...
element-ui的el-dialog的主体内容变多的时候,应该需要滚动条,所以解决方式: 局部/全局设置样式; el-dialog源码改造。 注意:看完了解思路,掌握max-height和overflow:auto的联合使用,el-scroll的使用即可 二. 方案一 仅针对el-dialog__body的部分做处理, max-height:可以让内容少于自己限制的高度的时候,自己撑开,200...
依照elementUI文档给dialog添加了 custom-class 之后利用 ::v-deep 穿透,在css中添加以下代码就能实现高度超出了: .container-box{ //弹出层的高度 ::v-deep .el-dialog.import-dialog{ height: auto; max-height: 80vh; overflow-y: auto; }
当前顶部高度letnowMarginTop=0// 获取弹框头部(这部分可双击全屏)constdialogHeaderEl=el.querySelector('.el-dialog__header')lethasSetBodyHight=false// 弹窗constdragDom=el.querySelector('.el-dialog')el.style.overflow='initial'dragDom.className+=' el-drag-dialog'console.log(el)// 给弹窗加上...
另外,你还可以通过设置Dialog组件的最小高度和最大高度来限制高度的范围。例如,可以使用`:min-height`和`:max-height`属性来设置最小高度和最大高度: ``` <el-dialog :min-height="200" :max-height="400"> <!--对话框内容--> </el-dialog> ``` 对话框将始终根据其内容的高度调整自身的高度,以提供...
最近因为涉及到做弹窗的功能,因此研究了一下el-dialog。 其实在element-ui的官网,关于这部分内容说的还是挺不错的。 但是我根据我自己这边的例子,再开个帖子详细阐述一下。 <el-dialog title="修改说明" :visible.sync="visidialog" width="45%"
我在表格的row-click这里设置了双击取消高亮,并且将选中的这一行会存在一个本地变量之中。 但是在第二次打开的时候,第一行默认高亮,本身并没有设置该行为选中行。 第一次点开: 选中该行,点击关闭 第二次打开此el-dialog: 第一行默认高亮 第二次打开窗口后,如果点击第一行,第一行依旧为高亮状态,然后会设置...
elmentUI目前限制了el-dialog弹出框的z-index固定为2000 z-index固定为2000 如果在dialog中使用z-index低于2000的控件就会导致该控件出现在dialog之后的情况,例如:百度的富文本编辑控件UEditor。这个控件的z-index显著小于2000,这就导致了点击富文本的一些按钮,出现的提示或者选项在dialog之后,根本点不到。