[筆記] vue-router 避免跳頁傳送未事先定義的變數

章節連結

Vue Router 在過往未明確限制傳遞物件的方式,所以會有動態生成 key 值然後傳給下一頁的情況。這在 2022-08-22 之後的版本中,會跳警告提醒你。

vue.js logo vue


內容

用這種隱氏傳遞自行定義的 param 參數內容,在畫面重新整理後,會失去這個傳遞的參數。有 3 種方式可以修正這個問題:

1. 用 Pinia 傳遞

2. 若傳遞的內容其實並非機密,那可用 query 留在網址內

3. 用 history state

4. 透過路由守衛獲取值


相關文章

1. Vue Router 4.1.4 Readme
2. History: state property

按讚加入粉絲團

延伸閱讀