时间戳

首页 > 解决方案 > Vue如何匹配查询路由

javascript - Vue如何匹配查询路由

问题描述

在我的vuejs-application 我有一个看起来像这样的路线：

myapp.com/pages/verify?query=something123

但在我的情况下，router.js我无法确定匹配这条路线，所以我可以渲染一个特定的视图。所以我想也许是这样的？：

path: "/pages/verify/:query"

有人可以帮我吗？

标签： javascriptvuejs2

解决方案

如果您想从 URL 中获取参数，则无法使用路由器执行此操作。

路由器中的路径应该很简单，然后在您的组件中您可以使用该对象/pages/verify获取 URL 参数。$route

例如，如果您的 URL 是，http://myapp.com/pages/verify?query=something123&param2=abc那么您可以按以下方式获取这些参数（在组件内）：

  • this.$route.query.query
  • this.$route.query.param2

VUE 文档：https ://router.vuejs.org/api/#route-object-properties

推荐阅读