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;
}
相关推荐
flyinmind14 小时前
Java环境与Android环境中使用QuickJS
java·开发语言·javascript·quickjs
小二·14 小时前
Prompt Engineering 高级技巧:CoT/ToT/ReAct 等进阶方法论实战
前端·react.js·prompt
chancygcx_14 小时前
前端框架React day1--React入门
前端·react.js·前端框架
如烟花的信页14 小时前
数美滑块逆向分析
javascript·爬虫·python·js逆向
quan_泉14 小时前
DIDCTF 取证初学者
java·服务器·前端
子琦啊14 小时前
华为 OD 2026年5月笔试题解析
javascript·华为
无风听海14 小时前
Promise 与 Async Await 深度解析
前端·javascript
牛奶14 小时前
AI 永远说好,于是我们只会说 yes
前端·aigc·ai编程
浩风祭月14 小时前
把前端项目的 CI 构建时间从 15 分钟压到了 2 分钟
前端·ai编程
牛奶14 小时前
黑客是怎么看到你数据的?
前端·安全·黑客