TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

解决 Element UI el-tree 组件宽度超出父元素滚动条无效问题

解决 Element UI 框架中 el-tree 组件宽度超出父元素时,滚动条失效的问题。本文提供 CSS 样式代码,通过设置 overflow 属性和调整节点样式来解决这个问题。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2022年2月21日
Mt.r
|
#CSS #Element-UI

问题

如题

解决

::v-deep {
  .el-tree {
    overflow: auto
  }
  .el-tree-node__content {
    align-self: baseline;
  }
  .el-tree>.el-tree-node{
    min-width:100%;
    display: inline-block;
  }
}

参考文章

https://www.jianshu.com/p/d9ed857ddd4d https://blog.csdn.net/my_bo/article/details/112348546

上一篇
Element el-tree 组件搜索高亮
Element UI 的 el-tree 组件实现搜索关键词高亮显示的解决方案,使用正则表达式替换关键词并用 `<mark>` 标签包裹实现高亮效果。
下一篇
ESLint Variable 'data' is already declared in the upper scope. 错误解决
ESLint Variable 'data' is already declared in the upper scope. 错误解决

目录

  • 问题
  • 解决
  • 参考文章

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub