给el-tree增加滚动条

最新推荐文章于 2024-10-09 13:22:32 发布
最新推荐文章于 2024-10-09 13:22:32 发布
阅读量3k 收藏 3
点赞数 4
分类专栏： elementui 文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ju__ju/article/details/113173290
版权

项目中使用el-tree,但是节点太多了,每次撑得很开,于是需要加上滚动条,使用了elementUI中隐藏的组件

<el-scrollbar style="height:400px">
	//.....节点树代码<el-tree></el-tree>
</el-scrollbar>

然后就如下图所示,加了个滚动条,非常好用
在这里插入图片描述

橘哥哥
关注
专栏目录
Vue + element-ui el-tree 虚拟滚动
p_5050的博客
04-27 4099
vue项目中使用了element-ui的el-tree树节点对数据进行了渲染，奈何数据量太大导致页面卡死或需要3s以上才可渲染出来。为了解决以上问题，查询资料对问题进行了解决，对此进行整理。希望可以帮到你。
el-table实现当内容过多时，el-table显示滚动条，页面不显示滚动条
weixin_47970316的博客
09-06 1061
【代码】el-table实现当内容过多时，el-table显示滚动条，页面不显示滚动条。
vue之elementui，树形组件el-tree实现左右拖动滚动条
沙门空海
07-17 4258
<el-tree class="el-scrollbar" id="fixtree" :data="logTreeList" @node-click="handleNodeClick" @node-contextmenu="showMenu" @node-expand="closeMenu" @no.
el-tree 添加横向滚动条
最新发布
CMDN123456的博客
10-09 177
el-tree 添加横向滚动条
Element-ui之ElScrollBar组件滚动条的使用方法
10-18
主要介绍了Element-ui之ElScrollBar组件滚动条的使用方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
el-tree添加滚动条只需一步
momo_via的播客
08-04 1373
在el-dialog下的el-tree添加滚动条
el-tree加滚动条的方法
热门推荐
qq_38110274的博客
12-31 1万+
el-tree加滚动条
element中的el-tree添加纵向滚动条方法
weixin_54820790的博客
07-05 709
element组件库中有一个隐藏组件 el-scrollbar。
el-tree横向纵向滚动条
庭前云落的博客
10-25 1902
给容器一个高度，然后样式加上overflow: scroll，这样纵向滚动条就出来了。el-tree未展开时样式。el-tree展开时样式。横向的加上下面的样式。
el-dialog el-tree溢出滚动条
09-02
同时，如果您在el-tree组件上也遇到了溢出问题，可以为el-tree组件的外层容器设置合适的高度，并添加overflow属性为auto，使得当内容超出容器高度时，自动显示滚动条。 以下是示例代码： ```html <el-dialog :...
el-tree没有滚动条
06-28
如果在使用过程中，你不希望El-Tree 自带滚动条，你可以通过调整其样式来控制。具体步骤如下： 1. **CSS 隐藏滚动条**: 在你的样式表中，为 `el-tree` 或其包含节点的元素添加以下 CSS 规则，隐藏滚动条： ```...
el-tree设置滚动条
07-28
要为el-tree设置滚动条，可以根据不同的需求选择不同的方法。根据引用\[1\]，可以通过设置外层父级div的宽高，以及设置el-scrollbar和el-tree的样式来实现纵向滚动条。具体的样式设置如下： ```css .dir-tree { ...
el-tree滚动条组件
qq_39691676的博客
11-23 456
`<el-scrollbar style="height:100%;"> </el-scrollbar> `
el-tree 横向滚动条
weixin_45473028的博客
03-17 1358
el-tree 横向滚动条 /deep/.el-tree > .el-tree-node { min-width: 100%; display: inline-block; }
element ui tree组件怎么设置滚动条
m0_73323423的博客
04-13 1852
给tree元素添加el-scrollbar 和自定义class类名，并给el-tree的父元素设置overflow:auto。
el-tree文本过长加滚动条
hhb442的博客
03-10 740
参考：https://blog.csdn.net/weixin_44370837/article/details/113701268。在el-tree直接子级元素下面的el-tree-node添加属性，成功解决问题。
vue el-tree加上滚动条
isfengdada的博客
10-26 875
【代码】vue el-tree加上滚动条。
elment tree加滚动条
weixin_459417989的博客
03-15 455
//把tree包裹在一个div里面，tree长度超过这个就会自动生成。 <div class="tree-container" style = ''height:700px;overflow:auto;" <el-tree class="filter-tree" :data="data" :props="defaultProps" default-expand-all ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值