element-ui menu中router使用=＞组件为动态路由

最新推荐文章于 2025-03-25 20:42:49 发布

l-Isabel

最新推荐文章于 2025-03-25 20:42:49 发布

阅读量972

点赞数

CC 4.0 BY-SA版权

分类专栏： elementui router 文章标签： vue

本文链接：https://blog.youkuaiyun.com/Isabeldeng/article/details/109091063

elementui 同时被 2 个专栏收录

1 篇文章

订阅专栏

router

1 篇文章

订阅专栏

本文介绍如何在Element UI的menu组件中结合Vue.js实现动态路由，详细讲解了将动态数据与路由相结合的方法，帮助开发者更好地管理和构建复杂的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//开启router unique-opened只打开一个
  <el-menu :default-openeds="['1']" unique-opened router>
          <el-submenu index="1">
            <template slot="title"
              ><i class="el-icon-message"></i>金主一</template
            >
            <el-menu-item-group>
              <template slot="title">会员中心</template>
              <el-menu-item index="/flink">链接信息</el-menu-item>
              <el-menu-item index="/create-Link">新添链接</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <el-submenu index="2">
            <template slot="title"><i class="el-icon-menu"></i>金主二</template>
            <el-menu-item-group>
              <template slot="title">兴趣分类</template>
              <el-menu-item index="2-1">割韭菜</el-menu-item>
              <el-menu-item index="2-2">种韭菜</el-menu-item>
            </el-menu-item-group>
            <el-menu-item-group title="分组2">
              <el-menu-item index="2-3">选项3</el-menu-item>
            </el-menu-item-group>
            <el-submenu index="2-4">
              <template slot="title">选项4</template>
              <el-menu-item index="2-4-1">选项4-1</el-menu-item>
            </el-submenu>
          </el-submenu>
        </el-menu>