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;
}
相关推荐
YAY_tyy几秒前
Cesium 基础:地球场景初始化与视角控制
前端·cesium
椰羊~王小美8 分钟前
前后端 格式化货币的方法
java·前端
苯酸氨酰糖化物8 分钟前
HTML+CSS学信网学籍学历查询页面-支持任意修改内容信息
前端·css3·html5·娱乐
幻云20108 分钟前
Next.js 之道:从入门到精通
前端·javascript·vue.js·人工智能·python
2501_9445215914 分钟前
Flutter for OpenHarmony 微动漫App实战:标签筛选功能实现
android·开发语言·前端·javascript·flutter
EndingCoder17 分钟前
构建工具集成:Webpack 和 TypeScript
前端·webpack·typescript
卡西里弗斯奥20 分钟前
【Tomcat】部署Web服务器之Tomcat
服务器·前端·tomcat
Sheldon一蓑烟雨任平生37 分钟前
Sass 星空(Sass + keyframes 实现星空动画)
前端·css·vue3·sass·keyframes
多仔ヾ40 分钟前
Vue.js 前端开发实战之 05-Vue 过渡和动画
vue.js
⑩-44 分钟前
VUE3学习
前端·javascript·vue.js