vue+element菜单栏刷新还保持选中状态、面包屑刷新还保持原来状态

14 篇文章 0 订阅

首先先解决菜单栏刷新问题

<el-menu
          :default-active="activedMenu($route.path)"
          class="el-menu-vertical-demo"
          @open="handleOpen"
          @close="handleClose"
          background-color="#0b165a"
          text-color="#fff"
          active-text-color="#ffd04b">
        </el-menu>

通过方法获取当前路径,让其刷新也保持选中状态
activedMenu (val) {
return val;
},
第二步通过对 activeMenu方法 继续修改,可以获取当前的路由列表
activedMenu (val) {

    this.routes = this.$router.app._route.matched; //这个就是路由列表
    console.log('router',this.$router)
    console.log('router----path',this.$router.app._route.matched)
    
        return val;
     
    },
   如果菜单使用了子组件,可以建立子父通信
   matched:路由结构

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值