????????做項目遇到一個坑:A頁面帶參跳轉到B頁面,第二次跳轉時的參數(shù)與第一次時的參數(shù)不同,但是后臺查詢時還是使用的第一次的參數(shù)。需要手動刷新之后,才會使用第二次參數(shù)。
? ? ? ? 鑒于時間原因直接使用刷新頁面監(jiān)聽路由的方法。在準備跳轉的A頁面添加路由跳轉監(jiān)聽事件,達到每次A頁面跳轉B頁面時,B頁面都會再次重新加載頁面。
????????添加完成后,A頁面跳轉B頁面,B頁面成功刷新。正當我高興的以為又解決了一個bug時,突然發(fā)現(xiàn)我從A頁面跳轉到C頁面時,C頁面竟然也在發(fā)生頁面刷新現(xiàn)象。當時著實是將小主嚇了一大跳。要知道正是因為要填寫C頁面的數(shù)據(jù),才從A頁面跳轉到B頁面?,F(xiàn)在C頁面的數(shù)據(jù)填寫到一半,去A頁面查詢數(shù)據(jù)返回到C頁面,C頁面的數(shù)據(jù)一下子全給干沒了。那之后客戶使用后還不得把我的工資給干沒了。這種情況屬實不能發(fā)生,想想都有點可怕。
? ? ? ? 于是趕緊去找辦法,苦尋無果。想到 this.$router.go()是個方法,那我能不能看下this.$router里面都有什么屬性?果斷在B頁面打?。?/p>
window.console.log(this.$router)
結果:
?????????發(fā)現(xiàn)在history.current屬性下面正好有當前頁面的路徑、名字、請求參數(shù),有了這些就好辦了。于是就有了這個:
????????還是在A頁面,原來的方法里面加個判斷條件。如果需要刷新的頁面標簽名/頁面路徑 正好等于路由獲取的頁面標簽名/頁面路徑。 那時才會發(fā)生跳轉。文章來源:http://www.zghlxwxcb.cn/news/detail-520243.html
? ? ? ? code完測試,beautiful?。?! 工資保住了,今天又是美好的一天。文章來源地址http://www.zghlxwxcb.cn/news/detail-520243.html
到了這里,關于vue路由跳轉后,刷新指定頁面。的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!