Vue el-tree中文字太多无法显示完全问题处理

1.html 代码

<el-tree
    :props="rulesProps"
    :data="rulesList"
    ref="rulesTree"
    show-checkbox
    default-expand-all
    :check-on-click-node="checkOnClickNode"
    node-key="id"
    @check="checkRulesNode">

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

2. css 代码

.span-ellipsis {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
  }