elementUI树状图竖向滚动条和横向滚动条问题
添加样式:
<div class="device-tree">
<el-scrollbar style="height:100%">
<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
</el-scrollbar>
</div>
<style>
.el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;}
.el-tree>.el-tree-node{
min-width: 100%;
display:inline-block;
}
</style>
注意:
1.device-tree设置宽和高,
2.el-scollbar设置100%
3.scoped以及样式覆盖问题,保证样式生效就可以实现横向和竖向滚动条
本文来自博客园,作者:东庄,转载请注明原文链接:https://www.cnblogs.com/lizhiwei8/p/11266122.html
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步