配置elementuI菜单

简介: 配置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")
        }
      ]
    }
相关文章
|
JavaScript
ant design vue 设置表格选择框,全选按钮选不全
ant design vue 设置表格选择框,全选按钮选不全
1361 0
|
10天前
|
JavaScript
如何实现vue点击按钮进行图片浏览 ?
如何实现vue点击按钮进行图片浏览 ?
|
1月前
|
移动开发 小程序 API
uniapp中uview组件库丰富的ActionSheet 操作菜单使用方法
uniapp中uview组件库丰富的ActionSheet 操作菜单使用方法
123 1
|
1月前
|
前端开发
Vue+ElementUI前端添加展开收起搜索框按钮
Vue+ElementUI前端添加展开收起搜索框按钮
39 0
|
6月前
vue2实现后台管理系统的侧边栏切换子页面
vue2实现后台管理系统的侧边栏切换子页面
61 0
|
8月前
vue3+elementplus后台管理系统,实现侧边栏菜单显示到主内容区域
vue3+elementplus后台管理系统,实现侧边栏菜单显示到主内容区域
|
11月前
|
前端开发
Vue3 v-for点击切换样式
Vue3 v-for点击切换样式
52 0
|
12月前
|
JavaScript
vue项目中点击按钮切换图片
vue项目中点击按钮切换图片
|
JavaScript
vue admin template 侧边栏及顶部栏演示字体样式修改
vue admin template 侧边栏及顶部栏演示字体样式修改
322 0
|
前端开发 JavaScript 索引
vant/vue——tab栏切换上下箭头功能实现
tab栏切换上下箭头功能实现
267 0

热门文章

最新文章