直接用v-for是不可以的航缀,參考了vue render 使用JSX實(shí)現(xiàn) v-for 指厌,都大同小異的
// 渲染節(jié)點(diǎn)
renderNode(h, { node, data }) {
return (
<div class='custom-tree-node'>
<span class='label-span'>{node.label}</span>
//加不同的圖標(biāo),要進(jìn)行判斷靶病,v-if也是不可以震肮,所以做一個(gè)三目運(yùn)算
{legend ? (
<i
class={['header-icon', legend.icon, `${legend.id}-icon`]}
title={legend.name}
/>
) : (
''
)}
<el-radio-group v-model={data.id} on-change={ () => this.changePermission(data) }>
//map代替v-for 循環(huán)渲染
{
this.demodata.map(item=>{
return <el-radio label={item.id}>{item.name}</el-radio>
})
}
</el-radio-group>
</div>
)
},