elementui tree前面加图标
时间: 2023-05-03 08:00:26 浏览: 137
ElementUI Tree 树形控件的使用并给节点添加图标
可以使用以下代码来为elementui tree添加图标:
1. 在组件中引入elementui的tree和icon组件:
import { Tree, Icon } from 'element-ui';
2. 在tree节点中使用icon组件并指定图标类型:
<Tree :data="data">
<template slot="label" slot-scope="{ node }">
<Icon :class="'icon-' + node.iconType" />
{{ node.label }}
</template>
</Tree>
3. 在data中为每个节点指定图标类型:
data: [{
label: '一级 1',
iconType: 'folder',
children: [{
label: '二级 1-1',
iconType: 'document',
children: [{
label: '三级 1-1-1',
iconType: 'picture'
}]
}]
}]
在上述代码中, "iconType"是每个节点的一个属性, 可以根据对应的节点显示不同的图标类型.
阅读全文