Javascript Vue如何匹配查询路由

在我的

vuejs

-应用程序中，我有一条如下所示的路线：

myapp.com/pages/verify?query=something123

但是在我的

router.js

中，我无法找到与此路由匹配的路径，因此我可以渲染特定的视图。所以我想可能是这样的

path: "/pages/verify/:query"

---

有人能帮我吗？

如果您想从URL获取参数，则不能使用路由器

路由器中的路径应该是

/pages/verify

，然后在组件中可以使用

$route

对象获取URL参数

例如，如果您的URL是

http://myapp.com/pages/verify?query=something123¶m2=abc

然后您可以按照以下方式获取这些参数（在组件内）：

• this.$route.query.query

• this.$route.query.param2

---

VUE文档：

要将查询参数作为道具传递到组件中，可以做一件事：为该路由定义的道具对象设置一个函数。您可以阅读有关“功能模式”的更多信息

但是，我应该注意，由于

query

对象是每个查询键值对的映射，如果使用

？query=sometext

，则需要通过

route.query.query

访问它

---

然而，在最初的示例中，您正在设置一个动态路由路径（如通配符），该路径将匹配

myapp.com/pages/verify/pageid-123

甚至

myapp.com/pages/verify/the/full/string/pass/verify

。请参见

这是否回答了您的问题？在本例中，您正在为

/pages/verify/

设置路由模式，其中的值设置为名为

query

的变量。如果有帮助，请不要忘记标记答案！

[
    {
        path: '/pages/verify',
        name: 'verify',
        component: MyVerifyPageComponent,
        props: route => ({
            query: route.query,
        }),
    },
]