ElementPlus 侧边栏树型组件超出部分显示省略号

最新推荐文章于 2024-10-24 16:40:28 发布

菜鸟低空飞行中...

最新推荐文章于 2024-10-24 16:40:28 发布

阅读量364

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_41089417/article/details/133697830

版权

本文介绍了如何在Vue应用中使用el-tree组件进行区域数据的展示，并详细说明了如何定制节点内容的宽度和文本溢出处理的CSS样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        <el-tree
          ref="areaRef"
          class="filter-tree"
          :data="areaData"
          :props="defaultProps2"
          default-expand-all
          node-key="areaCode"
          :filter-node-method="filterNode"
        />

css部分

.filter-tree{
  :deep(.el-tree-node__content){
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
  }
}