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