当前位置: 首页 > news >正文

el-tree横向纵向滚动条

el-tree未展开时样式
在这里插入图片描述
el-tree展开时样式
在这里插入图片描述

给容器一个高度,然后样式加上overflow: scroll,这样纵向滚动条就出来了。

                  <el-card style="height: 528px;overflow: scroll"><el-inputplaceholder="输入关键字进行过滤"v-model="filterText"></el-input><el-tree:data="zxZbTree"show-checkboxnode-key="id"ref="zbTree":expand-on-click-node="false":filter-node-method="filterNode"></el-tree></el-card>

横向的加上下面的样式。

::v-deep .el-tree>.el-tree-node{min-width: 100%;/*width: 120%;*/display:inline-block;
}
http://www.lryc.cn/news/211185.html

相关文章:

  • STM32G030F6P6 芯片实验 (一)
  • Wpf 使用 Prism 实战开发Day01
  • 6G关键新兴技术- 智能超表面(RIS)技术演进
  • 【redhat9.2】搭建Discuz-X3.5网站
  • 算法篇 : 并查集
  • AM@微积分基本定理@微积分第二基本定理
  • goland常用快捷键
  • CSDN写文章时常见问题及技巧
  • JVM虚拟机详解
  • Go 怎么操作 OSS 阿里云对象存储
  • vue3 Suspense组件
  • NlogPrismWPF
  • 文件上传漏洞(2), 文件上传实战绕过思路, 基础篇
  • 论文阅读 - Hidden messages: mapping nations’ media campaigns
  • [AutoSAR系列] 1.3 AutoSar 架构
  • 迁移学习 - 微调
  • 09 用户态跟踪:如何使用eBPF排查应用程序?
  • 深入浅出排序算法之堆排序
  • Linux 命令(11)—— tcpdump
  • 8.自定义组件布局和详解Context上下文
  • 几个Web自动化测试框架的比较:Cypress、Selenium和Playwright
  • Android Studio中配置aliyun maven库
  • 记录使用阿里 ARoute 遇到的坑
  • lesson2(补充)关于const成员函数
  • 前端 :用HTML ,JS写一个 双色球彩票中将机制,因为时间不够,加上本人懒没有用CSS美化界面,多包涵
  • 前端页面如何自适应--4种方法
  • 2024王道考研计算机组成原理——总线
  • 【Linux】进程概念(下)
  • 基于Spring Boot的本科生就业质量设计与实现
  • 238. 除自身以外数组的乘积 --力扣 --JAVA