Avue的tree树型选择框，选中子节点时，同时显示父节点名称

Avue 是一个基于Element框架低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。

使用avue-crud组件开发页面时，可能会用到Tree树形选择框，同时可能会有这样的需求：子节点选中时，同时也需要显示父节点名称，即多层显示。查看了官方文档，并没有直接的解决方案。

有说可以替换成Cascader级联选择器，但不符合实际需求。根据这种情况，有一个解决方案可供大家参考。

可以对数据字典进行处理，给每个孩子节点添加一条属性，表示父级关系，例如：allLevel: "四川-乐山"，然后再调用typeformat属性，处理节点要显示的内容。

代码示例

效果图

如果大家有其它想法，欢迎在评论区分享！