ele树形组件

新增接口：

export const rolesGet = (path="",params={})=> httpServe({path,params});

请求接口数据，把数据做一定的修改，把数据给到vue实例的data中渲染：

import { rolesGet } from "@/http/request.js";

 created() {
        rolesGet('roles')
        .then(res=>{
          let {meta,data} = res.data
          if(meta.status==200){
            this.data = data
          }else{
            this.$message.console.error(meta.msg);
          }
        })
        .catch(err=>{
          this.$message.console.error(err);
        })
      },

使用elementui 树形组件：

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

渲染属性组件

  data() {
    return {
      data:[],
       defaultProps: {
          children: 'children',
          label: function(data){
            return data.authName?data.authName:data.roleName;
          }
        }
    }
  },