this router 開啟新頁面

2021-10-08 05:19:40 字數 322 閱讀 3122

有些時候需要在單擊事件或者在函式中實現頁面跳轉,新視窗開啟

router:

path: '/user_details/:financialinstitutionid

1在單擊事件觸發的方法裡

const = this.$router.resolve(`

});window.open(href, '_blank');12

34在user_details頁面中怎麼接受通過路徑傳遞過來的userid?

let userid = this.$route.params.userid

1此時瀏覽器的位址列也將顯示攜帶的引數

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

效果與a標籤的target blank是一樣的,只不過不用點選,直接開啟 1 在router.js裡新加乙個頁面路由 2 在需要跳轉的邏輯方法裡加,這裡必須用query,否則引數獲取不到,methods this.router.resolve window.open href,blank conso...

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

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

在不重新整理頁面的情況下,更新頁面

先註冊乙個名為redirect的路由 export default this route const params this router.replace render function h script 手動重定向頁面到 redirect頁面 const this route this route...