我知道这不会这么困难,我只想检测查询参数并将其传递给我的组件。我必须做什么才能从 Vue 中的组件访问路由器?
<router-link :to="{ path: '/', query: { myQuery: /*query parameter here/* } }" >Go There</router-link>
无论我做什么我都弄不明白。我已经尝试了所有我能在网上找到的东西,但出于某种原因,在 Vue 中“this”不存在,我真的准备放弃并回到 Angular。
说真的,我什至无法在标签内访问它,从路由文件中导入实际的路由器也没有任何作用。
我该如何做到这一点?我觉得在任何框架中从 url 获取查询参数不应该这么复杂。我整天都在阅读手册,有人可以帮我解决这个问题吗?
最佳答案
当前路由的 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>
关于javascript - 将 Vue 查询参数从当前路由传递到 router-link,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65713260/