如何解决如何在 Vue.js 的 url 面包屑中获取路径的参数
我正在使用 Vue
在我的应用程序的路由器中,我想在面包屑的 URL 中使用路径的获取参数。
我想做这样的事情:
{
path: 'pages/gestion/region/:reg',name: 'gestion-depa',component: () => import('@/views/pages/MyPage.vue'),Meta: {
breadcrumb: [
{ title: 'Home',url: '/' },{ title: 'region',active: true,url:"/pages/list/:reg" },//Here i want to use my params get,but it doesn't work
{ title: 'dep',active: false }
],pageTitle: 'Gestion',rule: 'editor',requiresAuth: true,}
},
我的面包屑重定向到 /pages/list/:reg,但我需要类似 /pages/list/5 的内容
有人能有想法吗?
谢谢
解决方法
您可以使用 beforeEnter
来更新元数据:
meta: {
...
},beforeEnter: (to,from,next) => {
to.meta.breadcrumb[1].url = `/pages/list/${to.params.reg}`
next();
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。