el-tree多层级

el-tree是Vue框架中的一个树形控件，可以用来展示多层级的数据结构。在使用el-tree展示多层级数据时，需要传入一个符合特定格式的数据，并设置相应的props属性。具体操作步骤如下：

1. 定义一个数组，用来存储多层级的数据，例如categoryList。
2. 设置el-tree组件的data属性为categoryList。
3. 设置el-tree组件的props属性，其中children属性指定子节点的字段名，label属性指定节点显示文本的字段名。
4. 当需要获取多层级数据时，可以通过调用相应接口获取数据，并将返回的数据赋值给categoryList。
5. 在界面上展示el-tree组件，用户可以通过点击节点来触发相应的事件操作。

代码示例：

<template>
  <div>
    <el-tree :data="categoryList" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      categoryList: [], // 多层级数据
      defaultProps: {
        children: 'children', // 子节点字段名
        label: 'label' // 节点显示文本字段名
      }
    }
  },
  mounted() {
    this.getDiseasesList(); // 获取多层级数据
  },
  methods: {
    // 获取多层级数据的方法
    getDiseasesList() {
      this.$api.queryDiseaseList({token: localStorage.getItem('token')}).then(res => {
        if(res.code === 10000) {
          this.categoryList = res.data;
        }
      })
    },
    // 节点点击事件处理方法
    handleNodeClick(node) {
      // 处理节点点击事件的逻辑
    }
  }
}
</script>