好资源导航 » 文章资讯 » 使用element-ui的el-menu导航选中后刷新页面保持当前选中状态

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

2023-08-18 22:57:04 73

具体代码如下所示：


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


导航一



选项一




选项二

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

ps：下面看下vueElement-uiel-menu左侧导航条


0&&child.level==2":key="child.id":index="child.linkname">
{{child.linkname}}

{{three.linkname}}




{{child.linkname}}





{{item.linkname}}

总结

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

返回顶部
514930285
czq8825@qq.com

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

热门推荐

随机推荐