vue学习day1（记录学习难点）动态绑定导航

最新推荐文章于 2024-01-16 14:58:06 发布

_Moution

最新推荐文章于 2024-01-16 14:58:06 发布

阅读量142

点赞数

分类专栏： vue学习记录文章标签： javascript vue 前端

本文链接：https://blog.csdn.net/weixin_52153048/article/details/121066587

版权

vue学习记录专栏收录该内容

3 篇文章 0 订阅

订阅专栏

el-menu 启用router模式

激活导航

遍历循环出路由

动态index循环子级菜单

 <el-menu
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
            router
          >
            <el-submenu
              index="1"
              v-for="(item, index) in this.$router.options.routes"
              :key="index"
              v-if="!item.hidden"
            >
              <template slot="title">
                <i class="el-icon-location"></i>
                <span>{{ item.name }}</span>
              </template>

              <el-menu-item
                :index="children.path"
                v-for="(children,indexj) in item.children"
                >{{ children.name }}</el-menu-item
              >
            </el-submenu>
          </el-menu>