el-tree 文字超出部分用...省略 实现方法

Posted 2023-01-16 是Cc哈

效果展示：

实现方式：

.custom-tree-node 
      text-align: left;
      width: calc(100% - 4px);
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      min-width: auto;
      padding: 4px 26px 4px 2px;
      border-radius: 4px;