el-tree横向纵向滚动条

el-tree未展开时样式

el-tree展开时样式

给容器一个高度,然后样式加上overflow: scroll,这样纵向滚动条就出来了。

javascript 复制代码
                  <el-card style="height: 528px;overflow: scroll">
                    <el-input
                      placeholder="输入关键字进行过滤"
                      v-model="filterText"
                    >
                    </el-input>
                    <el-tree
                      :data="zxZbTree"
                      show-checkbox
                      node-key="id"
                      ref="zbTree"
                      :expand-on-click-node="false"
                      :filter-node-method="filterNode"
                    >
                    </el-tree>
                  </el-card>

横向的加上下面的样式。

javascript 复制代码
::v-deep .el-tree>.el-tree-node{
  min-width: 100%;
  /*width: 120%;*/
  display:inline-block;
}
相关推荐
禅思院3 小时前
流式 Markdown 渲染完全指南【引子】
前端·架构·前端框架
JackSparrow4144 小时前
前端安全之JS混淆+请求加密+请求签名以提升爬虫难度
前端·javascript·后端·爬虫·python·安全
IMPYLH4 小时前
HTML 的 <em> 元素
java·前端·html
名为沙丁鱼的猫7296 小时前
【审计日志组件实践复盘】前端工程化 + 后端DDD架构(AOP切面拦截日志) + MBG
前端·架构
xqqxqxxq6 小时前
AI智能旅游规划系统 - 前端技术笔记
前端·笔记·旅游
陈随易13 小时前
bm2,MoonBit实现的pm2替代品
前端·后端·程序员
a11177614 小时前
农业数字孪生大屏网页 html开源
前端·html
圣光SG15 小时前
web操作题练习(六)
前端
闪亮的路灯16 小时前
威联通QTS使用自带web服务期代理前端(类似nginx)
前端·nginx·威联通
kyriewen16 小时前
我用AI写了半年代码——回头看,这5个能力正在退化
前端·javascript·ai编程