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

<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:路由结构

在这里插入图片描述

Logo

前往低代码交流专区

更多推荐