微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

配置elementuI菜单

:unique-opened="true" 只保留一个菜单

:router="true"开启路由标识

index="users" 是标识 它就会去找这个路由
          
  <el-menu
    default-active="2"
    :router="true"
    :unique-opened="true"
    class="el-menu-vertical-demo"
    @open="handleOpen"
    @close="handleClose"
    background-color="#d3dce6"
    text-color="#fff"
    active-text-color="#ffd04b"
  >

   标识
   <el-menu-item-group>
    <el-menu-item index="users">用户列表</el-menu-item>
    <el-menu-item index="1-2">选项2</el-menu-item>
  </el-menu-item-group>

路由
 {
      path: "/home",name: "home",component: () => import("../components/home/home.vue"),children: [
        {
          path: "/users",name: "users",component: () => import("../components/users/users.vue")
        }
      ]
    }

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐