<vue2-org-tree
:data="treeData"
:horizontal="true"
:render-content="renderContent"
collapsable
@on-expand="onExpand"
@on-node-click="NodeClick"
/>
renderContent(h, data) {
return (
<span style="width:100%;height:36px; border-radius:2px;" class={data.level === 1?'bg-tomato':(data.level === '2'?'bg-gold':(data.level === '3'?'bg-gray':(data.level === '4'?'bg-lightpink':(data.level === '5'?'bg-blue':'bg-green'))))}>
<span style="font-size:12px;margin-right:20px;">{data.label}</span>
<span ><svg-icon class="tree-edit" icon-class={data.level === 1?'tree-white-edit':'tree-edit'} /></span>
</span>
)
},
renderContent 函数可以根据自己的内容渲染