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;
}
相关推荐
雪芽蓝域zzs5 小时前
第 7 节:多边形点击弹窗 + 清空绘制按钮
vue.js
溪语流沙5 小时前
【Web全栈进阶】Composition API与组件通信:props深入、emit、插槽
前端·css·vue.js
ZoeLandia5 小时前
TypeScript 03:泛型与工具类型
前端·typescript
code_Bo5 小时前
从策划到上线:我和 AI 一起做了个微信记账小程序
前端·ai编程·cursor
Shirley~~5 小时前
Three.js加载Gltf模型并播放动画
前端·3d
Data analyse4566 小时前
Session超时与浏览器休眠的计时校验
大数据·前端·数据库·数据分析
星始流年6 小时前
AI 时代,软件程序员未来 10—15 年的职业前景
前端·后端·ai编程
猪猪拆迁队6 小时前
跨电脑复制共享-局域网直连踩坑
前端·后端·go
静默回滚6 小时前
逐帧处理视频的内存去哪了,我从看错读数查到没排队
前端
重庆穿山甲6 小时前
我们不做「看起来很聪明」的知识库:一套企业级 RAG 平台的 37 屏真机实录
前端