1.绑定属性:render-content="renderContent"
<div v-for="(item, index) in baseSizeTypeData" :key="index">
<el-tree
@node-click="handleNodeClick"
:data="item.configMatterClasses"
default-expand-all
highlight-current
:expand-on-click-node="false"
:props="{ children: 'children', label: 'name' }"
:render-content="renderContent"
>
</el-tree>
</div>
methods:{
//提示框
renderContent(h, { node, data, store }) {
return h("div", {
style: {
"width": "100%",
"display": "flex",
"justify-content": "space-between",
"overflow": "hidden",
"text-overflow": "ellipsis",
"white-space": "nowrap"
}
}, [
h("span", {
style: {
"line-height": "28px",
"display": "flex",
"align-items": "center",
"overflow": "hidden",
"text-overflow": "ellipsis",
"white-space": "nowrap"
}
}, [
h("el-tooltip", {
attrs: {
placement: "bottom-start",
disabled: node.label.length > 19 ? false : true,
content: node.label
},
}, [
h("span", {
style: {
"overflow": "hidden",
"text-overflow": "ellipsis",
"white-space": "nowrap"
},
}, node.label),
])
]),
]);
}
}