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中應該如何獲取當前路由，我們就瞭解到這啦！