vue獲取當前路由

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

vue 獲取當前路由路徑可以用 

this.$route.path

route相當於當前正在跳轉的路由對象 可以從裏面獲取name,path,params,query等。

獲取完整url可以用 

window.location.href

獲取路由路徑參數可以用

this.$route.params

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

第一種方法：通過query配置

this.$route.query

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

第二種方法：通過params配置

this.$route.params

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

關於vue中應該如何獲取當前路由，我們就瞭解到這啦！