使用element-ui的el-menu导航选中后刷新页面保持当前选中状态

具体代码如下所示：

 　　　　　　　　
　　　　　　　　//router当导航激活时允许以index作为路由进行页面的跳转,$route.path当前路由对象的路径，字符串，绝对路径 　　　　　　　　
　　　　　　　　//unique-opened只允许有一个下拉菜单处于打开的状态 　　　　　　　　
　　　　　　　　//使用default-active来实现当前菜单激活的选项
　　　　　　　　//default-openeds当前打开的 sub-menu 的 index 的数组
首页
      


 


 

      
    

mounted(){
      let path = this.$route.path;
      this.navConfig = [
 {index:'1',path:['/system/aa','/system/bb','/system/cc']},
      ];
      let thisNav = this.navConfig.find(item =>{
 return item.path.includes(path);
      });
      this.defaultOpeneds = [thisNav.index];
    }

ps：下面看下vue Element-ui el-menu 左侧导航条

.el-menu-vertical-demo:not(.el-menu--collapse) {
 width: auto;
 min-height: 400px;
}

总结

以上所述是小编给大家介绍的使用element-ui的el-menu导航选中后刷新页面保持当前选中,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！