美文网首页
vue页面跳转时同步右侧菜单

vue页面跳转时同步右侧菜单

作者: 上海_前端_求内推 | 来源:发表于2021-12-07 16:01 被阅读0次

重点添加 router :default-active="$route.path"


<el-menu router :default-active="$route.path" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" theme="dark">
    <el-submenu index="1">
        <template slot="title">
            <i class="el-icon-location"></i>
            <span>用户信息</span>
        </template>
        <el-menu-item-group>
            <el-menu-item index="/user/account">账号信息</el-menu-item>
            <el-menu-item index="/user/password">修改密码</el-menu-item>
    </el-submenu>
    <el-submenu index="2">
            <template slot="title">
            <i class="el-icon-location"></i>
            <span>公司信息</span>
        </template>
        <el-menu-item-group>
            <el-menu-item index="/company/userManager">用户管理</el-menu-item>
            <el-menu-item index="/company/editUser">添加/编辑用户</el-menu-item>
        </el-menu-item-group>
        </el-submenu>
</el-menu>

相关文章

  • vue页面跳转时同步右侧菜单

    重点添加 router :default-active="$route.path"

  • 解决路由跳转Element ui导航控件没有同步高亮的问题

    背景:在导航A页面点击按钮路由跳转到导航B对应的页面,页面跳转但是导航菜单的高亮效果并没有同步展示,如图: 从图一...

  • 1、首页

    首页左右结构,加导航菜单 效果图 嵌套路由,点击左侧实现右侧展示 1、开发userIndex.vue(简单页面 ...

  • Vue错误集

    vue-router使用hash模式时,页面点击跳转或者刷新正常.使用history模式时,页面点击跳转正常,刷新...

  • Vue路由this.$router.push跳转页面不刷新

    一、背景 介绍:在vue项目开发中,使用路由进行页面跳转时,路由所跳转的页面不进行刷新。也就是vue生命周期函数没...

  • 2020-09-28

    微信小程序点击按钮跳转到指定页面 首先这是一个仿微信页面的通讯录列表: 当点击页面右侧的字母栏时,页面将跳转到相应...

  • 关于Vue路由传参的一些问题

    在Vue中涉及到页面跳转的时候一般会使用this.$router.push()方法进行页面跳转,而跳转时需要携带参...

  • 隐藏tabs菜单、修改返回按钮

    隐藏tabs菜单 当跳转到新页面时,有时需要隐藏tabs菜单 只需要把 改成 修改返回按钮

  • uni-app获取当前页参数

    前言:在做页面跳转时,匹配页面路由+参数,一样则认为重复打开界面(那么不做跳转) 正常vue页面中,在onLoad...

  • vue传参数

    vue跳转页面并传参数

网友评论

      本文标题:vue页面跳转时同步右侧菜单

      本文链接:https://www.haomeiwen.com/subject/foinxrtx.html