el-dialog组件是Element UI库中的一个常用组件,用于创建弹窗。关于如何为el-dialog组件设置滚动条,这里有几种常见的方法: 1. 使用CSS样式设置滚动条 当el-dialog的内容超过其可视区域时,可以通过CSS样式来设置滚动条。这通常涉及到对.el-dialog__body或.el-dialog__wrapper元素应用overflow-y: auto;样式。 html ...
重新创建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...
vue3 设置el-dialog height超过滚动条 方法一: <stylescoped>::v-deep .el-dialog .el-dialog-body{height:500px;overflow-y:auto;}</style> 如果要设置动态的高度话,则要在setup里面设置 <script>exportdefaultdefineComponent({ setup:{ const cssContent=ref({height:'100%',overflowY:''}) const init=(...
1、固定el-dialog的高度,这里设置了高度是800px。 2、固定弹窗中内容的高度,这里与el-dialog相差了大概120px,这个高度是最后的效果,剪掉了按钮这些内容的高度。
el-dialog主体区域添加了el-scrollbar滚动条,为什么el-dialog必须设置固定高度(比如height:100%)才能滚动?否则滚动条就无效?感觉不适合写死高度啊,应该根据内容自动调整高度,但是不能超出一个屏幕高度 element-ui 有用关注1收藏 回复 阅读2.7k 1 个回答
简介:el-dialog中内容自定义滚动条 上代码 dialog中嵌套div,给div设置高度,并且overflow属性为auto,布局如下图: .sketch_content {// 必须有高度 overflow 为自动overflow: auto;height: 434px;border-top: 1px solid #eff1f4;border-bottom: 1px solid #eff1f4;padding: 0px 30px 11px 27px;}// 滚动条...
el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。
之前项目里有用到elementUI的弹窗的,总是自动超出隐藏然后滚动条,刚开始不知道怎么处理,都是自己新写一个弹窗使用,其实是有解决方法的,只是当时没找到: 依照elementUI文档给dialog添加了 custom-class 之后利用 ::v-deep 穿透,在css中添加以下代码就能实现高度超出了:...
ES设定滚动策略 el dialog 滚动条,在移动端开发的时候经常会碰到区域滚动的需求,当然实现起来也是非常简单的,给需要滚动的元素定高然后添加一个overflow-y:scorll自然就可以滚动了,但是添加这个属性之后,使用chrome或者其他浏览器工具调试时是支正常的,但是到手机上时
el-dialog 里面是一个表单,表单元素比较多,所以页面有滚动条。需要设置每次打开表单的时候,滚动条在顶部。 页面有一个按钮,点击按钮打开el-dialog 弹框。 一开始在网山搜索,有给元素设 id ,然后用 document.getElementById("idName").scrollTop = 0; 来设置滚动条到顶部。