嵌套路由在router.js里面设置meta路由元信息解决方法
{
path: '/home',
component: Home,
redirect: '/sys',
children: [
{ path: '/sys', component: Sys ,meta:'/sys'},
{
path: '/app',
component: App,
redirect:'/app_port',
children: [{ path: '/app_port', component: App_port,meta:'/app' }],
},
],
},
//默认绑定路由设置成变量 ,在data里面声明activerouter:''
<el-menu
:default-active="activerouter"
:router="true"
>
created() {
//获取路由中的路由元信息,设置elementui中的导航栏选中状态
this.activerouter = this.$route.meta;
console.log();
},
普通路由
//首先在elementUI的导航栏的标签中设置
:default-active="activerouter"
//其中activerouter是一个data中的变量,
mounted() {
//获取地址栏中的路由,设置elementui中的导航栏选中状态
this.activerouter = window.location.pathname;
},
监听方法
watch: {
$route(to, from) {
this.activerouter = to.path
}
}