element 树形转 el-tabs导航

使用组件递归

<template>
<!-- dormGroupData -->
  <div>
    <el-tabs @tab-click="handleClick">
      <el-tab-pane :label="item.label " :name="item.id.toString()" v-for="(item,index) in list" :key="index">
        <tabMenus :list="item.children"> </tabMenus>
      </el-tab-pane>
    </el-tabs>
</div>
</template>

<script>
import Bus from '@/utils/bus.js';
export default {
  name:"tabMenus",
  props:{
    list:Array
  },
  data(){
    return{
    }
  },
  methods:{
    handleClick(tab) {
        // 使用中间对象Bus传递参数
         Bus.$emit('getTarget', tab.name);
    }
  }
}
</script>