重新创建dialog,覆盖原来element-ui的el-dialog,Vue.component('elDialog', myDialog) 新写的myDialog组件prop属性"isScroll"决定了是否开启滚动 <divv-if="rendered"class="el-dialog__body"><el-scrollbarv-if="isScroll":style="{ 'height': 'calc(90vh - 150px)' }"><slot/></el-scrollbar><tem...
el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。 也有说给元素设置 ref="box",然后...
el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。 也有说给元素设置 ref="box",然后...
el-dialog主体区域添加了el-scrollbar滚动条,为什么el-dialog必须设置固定高度(比如height:100%)才能滚动?否则滚动条就无效?感觉不适合写死高度啊,应该根据内容自动调整高度,但是不能超出一个屏幕高度 element-ui 有用关注1收藏 回复 阅读2.4k 1 个回答
// 弹框可拉伸最小宽高,不设置的话,会导致出现滚动条无法进行拉伸。 let minWidth = 620 let minHeight = 370 // 获取弹框头部 const dialogHeaderEl = el.querySelector('.dialog_header'); // 获取弹窗 const dragDom = el.querySelector('.el-dialog') ...
简介:【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug 问题 问题描述:el-dialog弹窗没打开时,页面有滚动条,会占据浏览器右侧15px左右的宽度。 dialog打开之后,遮罩层占整个浏览器的宽度,且没有滚动条。网页头部滚动条消失,导致网页头 部向右移动15px左右。每次打开dialog网页头部就向右移动;关闭dialog...
element中dialog出现滚动条记录位置问题 弹窗出现滚动条的时候滚动到最底下, 下次在点开的时候还在最底下,可以通过以下方式解决 <el-dialog :title="formTitle" :visible.sync="dialogFormVisible" :lock-scroll="false" //主要是这个属性 :append-to-body="true" //跟这个属性...
在使用element-ui的el-dialog时,由于遮罩层的出现,导致页面的滚动条隐藏,从而使页面出现闪动的效果。 解决过程 当遇到这个问题时,我想能不能是滚动条悬浮于页面上,及脱离文本流,从而不影响页面的宽度,于是我百度时发现了这个css属性,及在body或者盒子上添加 body:{ overflow:overlay } 这个可以使页面滚动条的隐藏...
// 弹出框的时候滚动条隐藏和出现导致页面抖动问题 ElementUI.Dialog.props.lockScroll.default = false; Vue.use(ElementUI) 写上之后就解决啦~ main.js中设置:给element-ui中的Dialog组件的原型中的滚动默认关闭就好了。 el-dialog弹出框被遮盖层挡住 ...