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;
}
相关推荐
俺叫啥好嘞5 分钟前
日志输出配置
java·服务器·前端
一 乐10 分钟前
运动会|基于SpingBoot+vue的高校体育运动会管理系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·学习·springboot
7***n7512 分钟前
JavaScript混合现实案例
开发语言·javascript·mr
X_hope26 分钟前
巧妙浏览器事件监听API:addEventListener的第三个参数
前端·javascript
極光未晚28 分钟前
Node.js的"老伙计":Express框架入门记
前端·node.js
1***Q78430 分钟前
TypeScript类型兼容
前端·javascript·typescript
多啦C梦a34 分钟前
React useTransition 全网最通俗深度讲解:为什么它能让页面“不卡”?
前端·javascript·react.js
inCBle35 分钟前
vue3+ts 封装一个通用流程复用工具函数
前端·vue.js·设计
西维37 分钟前
告别手动部署!Docker + Drone 前端自动化部署指南
前端·ci/cd·docker
实习生小黄38 分钟前
WXT 框架下的 Window 对象获取
前端·浏览器