Ant Design Vue Tree组件的使用

普通用法

<a-tree 
    :selectedKeys="selectKeys"  //选中的key，值为一个数组
    :defaultExpandAll='true'  //是否展开所有，一个布尔值
    :replaceFields="replaceFields"  //自定义key、value
    :tree-data="systemMenuTree"  //数据
></a-tree>

data(){
	return {
		replaceFields: {
                children: 'children', //子节点字段
                title: 'name',	// 显示文字
                key: 'id',	//key
        },
    }
}

使用defaultExpandAll时存在一个问题，第一次进去组件不会展开，这时候需要添加一个v-if条件便能解决