配置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")
        }
      ]
    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM