马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有账号？立即注册
x
<template>
<el-tree
:data="data"
:props="defaultProps"
:render-content="renderContent"
accordion
/>
</template>
<script>
export default {
data() {
return {
data: [
{
label: 'Parent 1',
children: [
{
label: 'Child 1-1'
},
{
label: 'Child 1-2'
}
]
},
{
label: 'Parent 2'
},
{
label: 'Parent 3',
children: [
{
label: 'Child 3-1'
}
]
}
],
defaultProps: {
children: 'children',
label: 'label'
}
}
},
methods: {
renderContent(h, { node, data }) {
return (
<span>
{node.isLeaf ? (
// No icon for leaf nodes
<span>{data.label}</span>
) : (
// Custom icon for nodes with children
<i class="el-icon-arrow-right" style="margin-right: 8px;"></i>
)}
{data.label}
</span>
)
}
}
}
</script>
<style scoped>
/* Custom icon styling, if needed */
.el-icon-arrow-right {
color: blue;
}
</style>
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。 |
