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;
}
相关推荐
树下水月19 小时前
纯HTML 调用摄像头 获取拍照后的图片的base64
前端·javascript·html
蜗牛攻城狮19 小时前
Vue 中 `scoped` 样式的实现原理详解
前端·javascript·vue.js
豆苗学前端19 小时前
前端工程化终极指南(Webpack + Gulp + Vite + 实战项目)
前端·javascript
比老马还六19 小时前
Bipes项目二次开发/海龟编程(六)
前端·javascript
梨子同志19 小时前
Node.js 文件系统 fs
前端
码农胖大海19 小时前
微前端架构(二):封装与实现
前端
瘦的可以下饭了19 小时前
2 数组 递归 复杂度 字符串
前端·javascript
Kellen19 小时前
ReactDOM.preload
前端·react.js
weixin_4624462320 小时前
nodejs 下使用 Prettier 美化单个 JS 文件(完整教程)
开发语言·javascript·ecmascript
岭子笑笑20 小时前
vant 4 之loading组件源码阅读
前端