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;
}
相关推荐
Hilaku6 分钟前
如何用隐形字符给公司内部文档加盲水印?(抓内鬼神器🤣)
前端·javascript·面试
guxuehua10 分钟前
Monorepo Beta 版本发布问题排查与解决方案
前端
猫头虎-前端技术10 分钟前
小白也能做AI产品?我用 MateChat 给学生做了一个会“拍照解题 + 分步教学”的AI智能老师
前端·javascript·vue.js·前端框架·ecmascript·devui·matechat
b***666111 分钟前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
栀秋66612 分钟前
ES6+新增语法特性:重塑JavaScript的开发范式
前端·javascript
爱分享的鱼鱼14 分钟前
Vue动态路由详解:从基础到实践
前端
未来之窗软件服务16 分钟前
幽冥大陆(三十七)文件系统路径格式化——东方仙盟筑基期
前端·javascript·文件系统·仙盟创梦ide·东方仙盟
维维酱20 分钟前
Vite 构建中的两个典型问题:代码分割命名与循环依赖
前端
VaJoy21 分钟前
Cocos Creator Shader 入门 (21) —— 高斯模糊的高性能实现
前端·cocos creator
前端加油站22 分钟前
使劲折腾Element Plus的Table组件
前端·javascript·vue.js