Vue獲取當前路由位址以及當前頁面的位址

2021-10-06 04:08:19 字數 374 閱讀 4676

最近在做乙個電商專案,其中搜尋功能封裝成乙個元件用在多個路由元件中,使用者通過輸入相關商品名進行搜尋,其中要實現的乙個點就是:要是當前為商品頁面則更新商品列表,若不是商品頁面,則新開乙個商品視窗。

實現:1:用this.$router.path獲取當前的路由位址,判斷是否是商品路由位址,若是則更新資料即可,反之新開視窗

對vue新開視窗有疑惑的,可以查閱vue-新開視窗

if(this.$router.path !=

='/shop/main'

)= this.$router.resolve(

) window.open(href, '_blank'

)}

Vue重新整理當前路由

開發專案的時候突然接到了這個需求,實驗過後,解決方法也蠻多種,下面就講下常規的幾種方案 通過改變router view中的key值,來達到重新整理元件的目的 router view this.activedate new date 通過 nexttick 協助實現。先把 移除,移除後再重新新增,達到...

Vue重新整理 過載當前路由獲取資料

vue如何重新整理或過載當前路由來更新資料?vue如何監聽同一路由載入事件?方案 可以利用路由的quey引數,使用watch進行檢測router的變化實現監聽。下面是乙個實踐示例 vue重新整理資料當然簡單,直接呼叫合資料的方法就行。但是,往往業務需求的不同,實現流程或思路也會不同。下面有乙個業務需...

vue獲取當前啟用路由

乙個 route object 路由資訊物件 表示當前啟用的路由的狀態資訊,包含了當前 url 解析得到的資訊,還有 url 匹配到的 route records 路由記錄 route object 是 immutable 不可變 的,每次成功的導航後都會產生乙個新的物件。route object ...