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;
}
相关推荐
Hilaku7 分钟前
Vue 和 React 真正的差距,不在语法,而在团队犯错成本
前端·javascript·程序员
研☆香18 分钟前
为什么变量声明在赋值前也能使用?—— 深入理解 JavaScript 变量提升与作用域
开发语言·前端·javascript
Liora_Yvonne35 分钟前
目录结构到底怎么设计?别再把 components 和 utils 当垃圾桶了
前端
柯克七七1 小时前
我把 bug 修得太干净了,测试组以为这个模块本来就没问题
前端·javascript·typescript
Null1551 小时前
浏览器唤起桌面端应用(终极篇)
前端·javascript
Quz1 小时前
QML Label 完整用法与 Text 组件选型
前端·qt
妙码生花1 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(三十四):后台初始化请求实现
前端·javascript·go
天若有情6731 小时前
前端性能优化:从“按下预加载”到“AI级智能预判系统”
前端·性能优化·js·active·hover·首屏加载
JackieZhengChina1 小时前
零依赖轻量级JS悬浮提示插件title2tip-js的使用教程
开发语言·javascript·ecmascript
Csvn2 小时前
📦 CSS Container Queries 实战踩坑:5 个让你怀疑人生的隐藏陷阱
前端