html
:render-content="renderContent" 树节点的内容区的渲染 Function
javascript"> <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
javascript">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);
}