vue跳轉同一個路由參數不同的問題
更新時間：2022年08月05日 16:01:45 作者：我的大樹
這篇文章主要介紹了vue跳轉同一個路由參數不同的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue跳轉同一個路由參數不同
問題
vue項目同一個路由跳轉（路由不變，后面參數變化），第一次碰到這個問題的時候，搜了很多文章，大約是第一種解決方案，很順利解決了。
可是！??！在app上的時候，它地址變了刷新不了?。?/p>
第一種方法
window.location.href = 改變參數后的新地址 window.location.reload();
在app上地址更新但是不刷新?。?！然后就有了第二種方法
第二種方法
<router-view :key="$route.fullPath"/>
這樣可以在app上解決！?。?！沒有發(fā)現承載環(huán)境兼容性問題
vue跳轉同一路由報錯
vue中，如果跳轉同一個頁面路由，雖不會影響功能，但是會報錯
原因
路由的push會向歷史記錄棧中添加一個記錄，同時跳轉同一個路由頁面，會造成一個重復的添加，導致頁面的報錯
解決方案
在router的index.js中重寫vue的路由跳轉push
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err);
}以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
vue動態(tài)路由:路由參數改變,視圖不更新問題的解決
今天小編就為大家分享一篇vue動態(tài)路由:路由參數改變,視圖不更新問題的解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue 路由視圖 router-view嵌套跳轉，主要實現的內容有制作一個登錄頁面，跳轉到首頁，首頁包含菜單欄、頂部導航欄、主體，標準的后臺網頁格式，菜單點擊顯示不同的頁面，感興趣的小伙伴請參考下面文章內容2021-09-09
這篇文章主要介紹了elementui實現預覽圖片組件二次封裝的方法 ，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
下面小編就為大家分享一篇完美解決axios在ie下的兼容性問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章給大家主要介紹了Vue.js中數組變動的檢測，文中給出了詳細的示例代碼和過程介紹，相信會對大家的理解和學習很有幫助，有需要的朋友們下面來一起看看吧。2016-10-10
今天小編就為大家分享一篇對vue下點擊事件傳參和不傳參的區(qū)別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
這篇文章主要介紹了iview tabs 頂部導航欄和模塊切換欄的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要介紹了vue實現虛擬化列表封裝方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
這篇文章主要介紹了Vue3封裝ant-design-vue表格，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-05-05
Vite 是一個面向現代瀏覽器的更輕,更快的web應用開發(fā)工具,下面這篇文章主要給大家介紹了關于如何使用vite搭建vue3項目的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07