前端antd树形控件a-tree同时实现图标和节点都能动态(根据数据属性)切换显示

1.工作中遇到这样一个需求，文件树中的材料需要根据材料状态显示不同的图标，这个需求是比较普通的，有好几种实现方式。

[1]比如给a-tree传treedata自动构建，a-tree内部写图标对应slot，同时传的treedata数据内部对象属性加上slots:{icon:'slot的值'}。

    <a-tree show-icon :tree-data="data1">
        <a-icon slot="a" type="home"/>
        <a-icon slot="b" type="smile"/>
    </a-tree>

data1: [
                {
                    key: '0',
                    title: '0',
                    slots: {
                        icon: 'a'
                    }
                },
                {
                    key: '1',
                    title: '1',
                    slots: {
                        icon