嵌套路由在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;
},
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/4863.html