vue 獲取當前路由
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配置
<router-link :to="{ name:'login',query:{id:1} }">登入</router-link>
params也可以攜帶任何任意型別的資料,在頁面間跳轉時,引數在位址列不可見,可通過輸入程式碼的方式獲取,頁面重新整理後引數消失。
以上就是小編收集整理出來的,望能夠幫助到大家。