javascript - 将 Vue 查询参数从当前路由传递到 router-link

Question

我知道这不会这么困难，我只想检测查询参数并将其传递给我的组件。我必须做什么才能从 Vue 中的组件访问路由器？

<router-link :to="{ path: '/', query: { myQuery: /*query parameter here/* } }" >Go There</router-link>

无论我做什么我都弄不明白。我已经尝试了所有我能在网上找到的东西，但出于某种原因，在 Vue 中“this”不存在，我真的准备放弃并回到 Angular。

说真的，我什至无法在标签内访问它，从路由文件中导入实际的路由器也没有任何作用。

我该如何做到这一点？我觉得在任何框架中从 url 获取查询参数不应该这么复杂。我整天都在阅读手册，有人可以帮我解决这个问题吗？

Answer 1

当前路由的 query 位于 this.$route.query 中，如果您可以将整个 query 对象传递给另一条路由想把它保存在目的地:

<router-link
  :to="{ path: '/', query: $route.query }"
>
  Go There
</router-link>

如果您只想传递特定的查询参数:

<router-link
  :to="{ path: '/', query: { myQuery: $route.query.myQuery }}"
>
  Go There
</router-link>