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

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


        

通过方法获取当前路径,让其刷新也保持选中状态
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:路由结构

vue+element菜单栏刷新还保持选中状态、面包屑刷新还保持原来状态_第1张图片

你可能感兴趣的:(vue,element)