vue獲取當(dāng)前激活路由的方法
一個(gè) route object（路由信息對(duì)象） 表示當(dāng)前激活的路由的狀態(tài)信息，包含了當(dāng)前 URL 解析得到的信息，還有 URL 匹配到的 route records（路由記錄）。
route object 是 immutable（不可變） 的，每次成功的導(dǎo)航后都會(huì)產(chǎn)生一個(gè)新的對(duì)象。
route object 出現(xiàn)在多個(gè)地方:
在組件內(nèi)，即 this.$route
在 $route 觀察者回調(diào)內(nèi)
router.match(location) 的返回值 （在main.js可以獲取當(dāng)前激活路由信息）
注意：
this.$route的path和router.match(location)的path是不一樣的，他們都有一個(gè)屬性fullpath,值是hash和path的拼接，router.match(location)在我這里一直是等于/login，應(yīng)該是指向根路由，hash是帶上描點(diǎn)#的當(dāng)前路由路徑，因此，要使用router.match(location)獲取當(dāng)前激活的路由，只能使用hash屬性，原因還不知道。。
以上這篇vue獲取當(dāng)前激活路由的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)下拉加載更多，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05
Vue3 Props沒有默認(rèn)值但報(bào)錯(cuò)的解決方案
這篇文章主要介紹了Vue3 Props沒有默認(rèn)值但報(bào)錯(cuò)的解決方案,文中通過代碼示例給大家講解的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2024-04-04
Vue使用lodop實(shí)現(xiàn)打印小結(jié)
這篇文章主要介紹了Vue使用lodop打印小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
vue 右鍵菜單插件 簡單、可擴(kuò)展、樣式自定義的右鍵菜單
這篇文章主要介紹了vue 右鍵菜單插件 簡單、可擴(kuò)展、樣式自定義的右鍵菜單，本文給大家分享個(gè)例子，給大家及時(shí)的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-11-11
本篇文章主要介紹了詳解Vue整合axios的實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
組件是 vue.js最強(qiáng)大的功能之一,而組件實(shí)例的作用域是相互獨(dú)立的,這就意味著不同組件之間的數(shù)據(jù)無法相互進(jìn)行直接的引用,所以組件間的相互通信是非常重要的,這篇文章主要給大家介紹了關(guān)于Vue組件之間的通信方式,需要的朋友可以參考下2022-06-06
Vue實(shí)戰(zhàn)之vue登錄驗(yàn)證的實(shí)現(xiàn)代碼
本篇文章主要介紹了Vue實(shí)戰(zhàn)之vue登錄的實(shí)現(xiàn)代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要介紹了vant-Dialog 彈出框的使用小結(jié),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-02-02
這篇文章主要介紹了vue中使用mockjs配置和使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue 計(jì)數(shù)器的實(shí)現(xiàn)
這篇文章主要介紹了Vue 計(jì)數(shù)器的實(shí)現(xiàn)，主要利用HTML實(shí)現(xiàn)步驟現(xiàn)在頁面上簡單實(shí)現(xiàn)一個(gè)計(jì)數(shù)器，內(nèi)容簡單且詳細(xì),需要的朋友可以參考一下2021-10-10