將 Vue 查詢參數從當前路由傳遞到 router-link

Question

我知道這不會這么困難，我想做的就是檢測查詢參數並將其傳遞給我的組件。 從 Vue 中的組件訪問路由器需要做什么？

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

無論我做什么，我都無法弄清楚。 我已經嘗試了所有我能在網上找到的東西，但出於某種原因在 Vue 中“this”不存在，我真的准備放棄並將 go 返回到 Angular。

說真的，我什至無法在標簽內訪問它，從路由文件導入實際路由器也無濟於事。

我該如何做到這一點？ 我覺得在任何框架中從 url 獲取查詢參數不應該這么復雜。 我整天都在閱讀手冊，有人可以幫我嗎？

Answer 1

當前路線的query在this.$route.query中，如果您想將其保留在目的地，您可以將整個query object 傳遞到另一條路線：

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

如果您只想傳遞特定的查詢參數：

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