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

前端  /  管理员 发布于 4年前   866

具体代码如下所示：

 　　　　　　　　　　　　　　　　//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 左侧导航条

总结

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

您可能感兴趣的文章:

• element-ui使用导航栏跳转路由的用法详解