tree-menu组件里的icon不显示

来源：5-5 菜单交互及递归实现（下）

xiaorenwu029

2021-06-05

代码如下

<template>
  <template v-for="menu in userMenu">
    <el-submenu
        index="menu.path" v-if="menu.children && menu.children.length > 0" :key="menu.id">
      <template #title>
<!--        <i class="el-icon-location"></i>-->
        <i :class="menu.icon"></i>
        <span>{{menu.menuName}}</span>
<!--        <i class="el-icon-location"></i>-->
      </template>
      <tree-menu :userMenu="menu.children" />
    </el-submenu>
    <el-menu-item v-else :index="menu.path" :key="menu.id">{{menu.menuName}}</el-menu-item>
  </template>
</template>
<script>
export default {
  name: "TreeMenu",
  props:{
    userMenu: {
      type: Array,
      default(){
        return []
      }
    }
  }
}
</script>

<style lang="scss">

</style>

将class换成固定的 el-icon-location 图标也是不显示的，不知道哪里原因之前放在home这个组件里是可以显示的

写回答

2回答