baoman / Ezquiz_Platform

  <template>

    <div>
      <template v-for="child in menuData">
        <el-submenu
          v-if="child.children.length > 0"
          :index="child.path"
          :key="child.path"
        >
          <template slot="title">
            <i :class="child.iconCls ? child.iconCls : [fa, fa - file]" />
            <span slot="title">{{ child.name }}</span>
          </template>
          <menu-tree :menuData="child.children" />
        </el-submenu>

        <el-menu-item
          v-else-if="!child.hidden"
          :index="child.path"
          :key="child.path"
          :class="
            child.path == '/setUpClazz' && path == '/archived' ? 'is-active' : ''
          "
        >
          <i :class="child.iconCls ? child.iconCls : [fa, fa - file]" />
          <span slot="title">{{ child.name }}</span>
        </el-menu-item>
      </template>
    </div>

  </template>
  
  <script>
  export default {
    name: "menuTree",

    props: ["menuData", "path"],
  };

  </script>
  
  <style scoped>

  </style>