如何在 Vue.js 的 url 的面包屑中获取路径参数

Question

我正在使用 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

这样的东西

有人可以有想法吗？

感谢

Answer 1

您可以使用 beforeEnter 来更新元数据：

meta: {
...
},
beforeEnter: (to, from, next) => {
  to.meta.breadcrumb[1].url = `/pages/list/${to.params.reg}`
  next();
}