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;
}
相关推荐
Csvn7 分钟前
并发模式:让渲染学会排队、插队和让路
前端
可乐鸡翅yeah_19 分钟前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt21 分钟前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
JavaGuide1 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端
excel2 小时前
prisma 如何处理数据库竞态
前端·数据库·后端
莪_幻尘3 小时前
Skill 体检:30 个 Skill 全凭感觉?体检器先自曝了 8 个“假 0 分
前端·人工智能·llm
风骏时光牛马3 小时前
AI模型综合能力评测:性能、指令遵循与多场景实测对比
前端
Frag0ut3 小时前
Chrome与Chromium内核浏览器在Windows 11上的新特性全景解析
前端·chrome·windows·web安全·chromium·gemini ai·playready drm
hiahiahia1234 小时前
实现完整 Tool Dispatcher
开发语言·前端
IT_陈寒4 小时前
Java线程池这破玩意,差点让我周末加班排查到凌晨
前端·人工智能·后端