vue獲取路由參數

vue是一套用於構建用戶介面的漸進式JavaScript框架。

vue中獲取路由參數主要有以下兩種方法：

第一種方法：透過query配置

this.$route.query

該方式的弊端在於，在頁面間跳轉可正常使用，如info、isTrue、func，但是在進行頁面重新載入時，所有參數值會轉化爲字元串，如對象info會轉化爲字元串'[Object Object]'，布爾值isTrue會轉化爲'false'，從而導致使用錯誤。

第二種方法：透過params配置

this.$route.params

params也可以攜帶任何任意類型的數據，在頁面間跳轉時，參數在地址欄不可見，可透過輸入代碼的方式獲取，頁面重新載入後參數消失。

vue中獲設定路由參數的方法：

第一種方法：透過query配置

<router-link :to="{ name:'login',query:{id:1} }">登入</router-link>

第二種方法：透過params配置

<router-link :to="{ name:'register',params:{'name':'San'} }">註冊</router-link>

關於vue中如何獲取路由參數，我們就分享到這啦！