elementUI的导航栏怎么根据路由默认选中相关项

Posted ฅ˙-˙ฅ

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementUI的导航栏怎么根据路由默认选中相关项相关的知识,希望对你有一定的参考价值。

1. 

<el-menu :default-active="this.$route.path.substr(1)" class="left-nav">

2. 

el-submenu或者el-menu-item的index设置成路由对应的字符串
 
 
比如:路由为http://localhost:8080/#/project/list时,将需要被选中的el-submenu或者el-menu-item的index设置为 index="project/list"

以上是关于elementUI的导航栏怎么根据路由默认选中相关项的主要内容,如果未能解决你的问题,请参考以下文章

elementUI的导航栏在刷新页面的时候选中状态消失的解决

element-ui左侧导航栏

vue 2.0 + elementUI 实现面包屑导航栏

鸿蒙系统—打造通用的底部导航栏

Elementui 导航组件和Vuejs路由结合

Vue Element 导航子路由不选中问题