javascript - vue 路由器/:param with slashes

Question

我有一个这样的路由器:

routes: [
    {
      path: '/survey/:surveyHash',
      name: 'survey',
      component: Survey,
      props: true,
    },

在组件中，我试图在 props 中获取 surveyHash。问题是当 surveyHash 中有 / 斜杠时，我无法执行此操作。

vue-router 有解决办法吗？

Answer 1

您可以使用 custom matching pattern在你的路线定义中

routes: [
    {
      path: '/survey/:surveyHash(.*)',
      name: 'survey',
      component: Survey,
      props: true,
    },

有了这个，您将获得 URL 的其余部分，包括 surveyHash 中的斜线