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;
}
相关推荐
Bigfish_coding2 分钟前
前端转agent-第一周【python】-02 FastAPI与Pydantic实战(TS/JS视角)
前端
秃头网友小李2 分钟前
前端难点:Vue3 响应式遇上 Three.js / ECharts —— 为什么要用 shallowRef?
前端·vue.js
梦曦i4 分钟前
Vite插件开发框架:14个实用插件与完整工具包
前端
KaMeidebaby5 分钟前
卡梅德生物技术快报|biotin 生物素标记抗体全流程
前端·人工智能·算法·数据挖掘·数据分析
VitoChang6 分钟前
前端也能快速入门后端! NestJS前台和后台的Auth认证
前端·后端
TheITSea7 分钟前
一、React初体验:搭建、解析现代开发环境
前端·react.js·前端框架
盒马盒马10 分钟前
Rust:String
java·前端·rust
程序猿阿伟13 分钟前
《Chrome非必要服务的精细化关闭指南》
前端·chrome·php
belong_my_offer16 分钟前
理解前端函数
前端
长空任鸟飞_阿康22 分钟前
RAG 文档摄入全链路,从原理到生产落地
vue.js·人工智能·python