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

2022-09-05 08:24:14 字數 316 閱讀 1966

平常做單頁面的場景比較多,所以大部分的業務是在同乙個頁面進行跳轉。要通過vue路由使用新頁面開啟且傳遞引數,可以採用以下兩個方法:

熱門好貨需要注意的是,vue1不支援。

1 let routedata = this

.$router.resolve(

5});

6 window.open(routedata.href, '_blank')

用法類似$router.push 和 $router.go  

當然,對於比較簡單的引數傳遞,也可以直接使用a標籤在url中拼接好引數進行開啟新頁面跳轉。

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

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

this router 開啟新頁面

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

vue路由history模式重新整理頁面出現404問題

vue hash模式下,url中存在 用 history 模式就能解決這個問題。但是history模式會出現重新整理頁面後,頁面出現404。解決的辦法是用nginx配置一下。在nginx的配置檔案中修改 方法一 location 方法二 vue.js官方教程裡提到的 server 對應上面的 rou...