antd-vue (数选择加图标+treeIcon的配置)==》巨坑,文档里完全没有
效果图:

1.代码部分
<a-tree-select
style="width: 100%"
treeIcon
:treeData="treeData"
v-model="value"
treeCheckable
:showCheckedStrategy="SHOW_PARENT"
searchPlaceholder="Please select"
>
<template slot-scope="text" slot="title">
<a-icon type='cluster'/>
{{text.value}}
</template>
</a-tree-select>
2.数据部分
const SHOW_PARENT = TreeSelect.SHOW_PARENT;
const treeData = [
{
value: '0-0',
key: '0-0',
scopedSlots: {
title: 'title'
},
children: [
{
title: 'Child Node1',
value: '0-0-0',
key: '0-0-0',
},
],
},
{
title: 'Node2',
value: '0-1',
key: '0-1',
children: [
{
title: 'Child Node3',
value: '0-1-0',
key: '0-1-0',
disabled: true,
},
{
title: 'Child Node4',
value: '0-1-1',
key: '0-1-1',
},
{
title: 'Child Node5',
value: '0-1-2',
key: '0-1-2',
},
],
},
];

浙公网安备 33010602011771号