element-ui 里使用 el-tree 怎么实现树节点的 title 属性？

Posted 2022-02-07 凯小默

实现

使用 Scoped Slot 去实现自定义树节点

<el-tree>
  <span class="ellipsis" slot-scope="node">
    <span :title="node.label">node.label</span>
  </span>
</el-tree>

// 文字超出宽度显示省略号 单行
.ellipsis 
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;