Vue路由的頁面跳轉開啟新頁面

2022-06-27 07:48:10 字數 324 閱讀 6719

效果與a標籤的target=_blank是一樣的,只不過不用點選,直接開啟

1、在router.js裡新加乙個頁面路由

}

2、在需要跳轉的邏輯方法裡加,這裡必須用query,否則引數獲取不到,

methods:  = this.$router.resolve(

});window.open(href, '_blank', console.log(href));

}}

3、跳轉頁獲取引數:let url=this.$route.query.url; 

**:

VUE路由新頁面開啟的方法總結

平常做單頁面的場景比較多,所以大部分的業務是在同乙個頁面進行跳轉。要通過vue路由使用新頁面開啟且傳遞引數,可以採用以下兩個方法 熱門好貨需要注意的是,vue1不支援。1 let routedata this router.resolve 5 6 window.open routedata.href...

this router 開啟新頁面

有些時候需要在單擊事件或者在函式中實現頁面跳轉,新視窗開啟 router path user details financialinstitutionid 1在單擊事件觸發的方法裡 const this.router.resolve window.open href,blank 12 34在user...

vue的跳轉方式(開啟新頁面)及傳參

直接寫上跳轉的位址 link跳轉 新增引數 引數獲取 id this.route.query.id 新視窗開啟 todeail e 引數獲取 id this.route.query.id todeail e 注意位址需寫在 name後面 引數獲取,params和query區別,query引數在位址列...