render-content
树节点的内容区的渲染 Function
用法-----Function(h, { node, data, store }
-通过该函数给el-tree自定义赋值
renderContent(h, {node, data}) {
// 如果节点是末级节点,显示带有复选框的内容
if (node.data.type === 'BAY') {
return (
<div >
<el-radio ref="radio" onChange={() => {
this.handleCheckChange(data);
}} key={node.data.name} // 确保每个单选框有唯一的 key
v-model={this.selectedTypes} // 绑定到选中状态数组
label={node.data.name} class="square-radio ">
<span class="typeIcon">{node.data.type}</span>
<span class="item">{node.data.title}</span>
</el-radio>
</div>
);
} else {
// 如果不是末级节点,只显示文本
return (
<p>
<span class="typeIcon">{node.data.type}</span>
<span>{node.data.title}</span>
</p>
)
}
}