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>
- css 代码
.span-ellipsis {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
