html
:render-content="renderContent" 树节点的内容区的渲染 Function
<el-tree ref="treeRef" :data="props.data" show-checkbox default-expand-all node-key="label"
:check-strictly="checkStrictly" :props="defaultProps" @check-change="handleClick"
:default-checked-keys="props.platform" check-on-click-node :filter-node-method="filterNode" :render-content="renderContent">
</el-tree>
JS
const renderContent = (h, { node, data, store }) => {
console.log(data);
let style = {};
let label = node.label; // 默认使用节点的标签
// if (data.hasOwnProperty('isNormal')) {
if (data.type == '1') {
style = { fontSize: '14px',color:'red' }; // 设置字体大小
} else {
style = { fontSize: '14px', }; // 设置字体大小和颜色
}
// } else {
// style = { fontSize: '14px' }; // 默认字体大小
// }
// 使用 h 函数创建一个 span 元素,并将样式和标签作为属性传递
return h('span', { style }, label);
}