vue跳轉(zhuǎn)同一個(gè)路由參數(shù)不同的問(wèn)題怎么解決

本篇內(nèi)容主要講解“vue跳轉(zhuǎn)同一個(gè)路由參數(shù)不同的問(wèn)題怎么解決”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“vue跳轉(zhuǎn)同一個(gè)路由參數(shù)不同的問(wèn)題怎么解決”吧!

vue跳轉(zhuǎn)同一個(gè)路由參數(shù)不同

問(wèn)題

vue項(xiàng)目同一個(gè)路由跳轉(zhuǎn)（路由不變，后面參數(shù)變化），第一次碰到這個(gè)問(wèn)題的時(shí)候，搜了很多文章，大約是第一種解決方案，很順利解決了。

可是?。。≡赼pp上的時(shí)候，它地址變了刷新不了！！

第一種方法

window.location.href = 改變參數(shù)后的新地址
window.location.reload();

在app上地址更新但是不刷新?。?！然后就有了第二種方法

第二種方法

<router-view :key="$route.fullPath"/>

這樣可以在app上解決！?。?！沒(méi)有發(fā)現(xiàn)承載環(huán)境兼容性問(wèn)題

vue跳轉(zhuǎn)同一路由報(bào)錯(cuò)

vue中，如果跳轉(zhuǎn)同一個(gè)頁(yè)面路由，雖不會(huì)影響功能，但是會(huì)報(bào)錯(cuò)

原因

路由的push會(huì)向歷史記錄棧中添加一個(gè)記錄，同時(shí)跳轉(zhuǎn)同一個(gè)路由頁(yè)面，會(huì)造成一個(gè)重復(fù)的添加，導(dǎo)致頁(yè)面的報(bào)錯(cuò)

解決方案

在router的index.js中重寫(xiě)vue的路由跳轉(zhuǎn)push

const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
	return originalPush.call(this, location).catch(err => err);
}

到此，相信大家對(duì)“vue跳轉(zhuǎn)同一個(gè)路由參數(shù)不同的問(wèn)題怎么解決”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún)，關(guān)注我們，繼續(xù)學(xué)習(xí)！