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;
}
相关推荐
Sterting8 小时前
Element-Plus 入门与整体布局
前端·vue.js·elementui
程序员黑豆15 小时前
Java 注释详解:单行、多行与文档注释的完整指南
java·前端·ai编程
剪刀石头布啊15 小时前
antd中可编辑表格中巧用useWatch实现联动高性能效果,以及定制延伸学习
前端
油丶酸萝卜别吃16 小时前
前端转全栈学习路线
前端·学习
浮生望16 小时前
前端路由进阶:History API原理与手写HistoryRouter
前端
陆枫Larry16 小时前
JavaScript 中的竞态是什么,为啥会有竟态?
前端
上海安当技术19 小时前
半天接入:USBKey RESTful API + C 动态库,Web 和 C/S 两套集成路径实战
前端·后端·restful·集成·usbkey
DevUI团队19 小时前
从“即兴创作”到“规格先行”,华为云码道(CodeArts)代码智能体持续深耕企业级规范驱动开发能力
前端·人工智能·后端
weixin_4316004420 小时前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js
avi911120 小时前
[AI教做人]AI平台做2项目;一个3D模型展示,另一个框架多人
javascript·人工智能·ai·3d模型·3d引擎·顶点和法线