微客导航 » 文章资讯 » VUE+elementui面包屑实现动态路由详解

VUE+elementui面包屑实现动态路由详解

2023-08-09 21:51:06 209

我的路由：

constrouterMap=[
{
path:'/',
redirect:'dashboard',
component:Layout,
name:'Dashboard',
children:[
{
path:'dashboard',
component:()=>import('@/view/dashboard'),
name:'Dashboard',
meta:{title:'dashboard',icon:'dashboard',noCache:true}
}
]
},{
path:'/test',
component:Layout,
redirect:'/test/index',
name:'Test',
meta:{title:'test',icon:'lock'},
children:[
{
path:'index',
component:()=>import('@/view/test'),
name:'test',
meta:{title:'test',icon:'example',noCache:true}
},{
path:'example',
component:()=>import('@/view/test/example'),
name:'example',
meta:{title:'example',icon:'404'}
}
]
}
]

面包屑代码：

原理：通过监听当前路由的变化，动态更新面包屑的内容。

以上这篇VUE+elementui面包屑实现动态路由详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

VUE+elementui面包屑实现动态路由详解

热门推荐

随机推荐