如何在 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();
}