vue路由跳轉(zhuǎn)后刷新指定頁面的方法
做項目遇到一個坑：A頁面帶參跳轉(zhuǎn)到B頁面，第二次跳轉(zhuǎn)時的參數(shù)與第一次時的參數(shù)不同，但是后臺查詢時還是使用的第一次的參數(shù)。需要手動刷新之后，才會使用第二次參數(shù)。
鑒于時間原因直接使用刷新頁面監(jiān)聽路由的方法。在準(zhǔn)備跳轉(zhuǎn)的A頁面添加路由跳轉(zhuǎn)監(jiān)聽事件，達(dá)到每次A頁面跳轉(zhuǎn)B頁面時，B頁面都會再次重新加載頁面。
添加完成后，A頁面跳轉(zhuǎn)B頁面，B頁面成功刷新。正當(dāng)我高興的以為又解決了一個bug時，突然發(fā)現(xiàn)我從A頁面跳轉(zhuǎn)到C頁面時,C頁面竟然也在發(fā)生頁面刷新現(xiàn)象。當(dāng)時著實是將小主嚇了一大跳。要知道正是因為要填寫C頁面的數(shù)據(jù)，才從A頁面跳轉(zhuǎn)到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)
結(jié)果：
發(fā)現(xiàn)在history.current屬性下面正好有當(dāng)前頁面的路徑、名字、請求參數(shù)，有了這些就好辦了。于是就有了這個：
Vue路由跳轉(zhuǎn)頁面并刷新頁面
watch監(jiān)測到路由發(fā)生跳轉(zhuǎn)時刷新一次頁面
watch: {
$route() {
location.reload();
},
},到此這篇關(guān)于vue路由跳轉(zhuǎn)后刷新指定頁面的方法的文章就介紹到這了,更多相關(guān)vue路由跳轉(zhuǎn)刷新指定頁面內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
本篇文章主要介紹了詳解vue.js的事件處理器v-on:click，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
本篇文章主要介紹了vue基于Vue2.0和高德地圖的地圖組件實例，非常具有實用價值，需要的朋友可以參考下2017-04-04
Vue-router路由判斷頁面未登錄跳轉(zhuǎn)到登錄頁面的實例
下面小編就為大家?guī)硪黄猇ue-router路由判斷頁面未登錄跳轉(zhuǎn)到登錄頁面的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
Vue+Echarts實現(xiàn)繪制多設(shè)備狀態(tài)甘特圖
這篇文章主要為大家詳細(xì)介紹了Vue如何結(jié)合Echarts實現(xiàn)繪制多設(shè)備狀態(tài)甘特圖,文中的示例代碼講解詳細(xì),有需要的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
這篇文章主要介紹了Vue3哈希模式實現(xiàn)錨點導(dǎo)航方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
vue通過滾動行為實現(xiàn)從列表到詳情,返回列表原位置的方法
今天小編就為大家分享一篇vue通過滾動行為實現(xiàn)從列表到詳情,返回列表原位置的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
vue使用require.context實現(xiàn)動態(tài)注冊路由
這篇文章主要介紹了vue使用require.context實現(xiàn)動態(tài)注冊路由的方法，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2020-12-12
Vue3中的shallowRef?和shallowReactive對比分析
這篇文章主要介紹了Vue3中的shallowRef?和shallowReactive,通過示例代碼逐一對他們的使用做的詳細(xì)介紹，文末補(bǔ)充介紹了vue3的shallowRef()、shallowReactive()和shallowReadonly()的使用，需要的朋友可以參考下2023-01-01
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，適合用于構(gòu)建單頁面應(yīng)用。2017-03-03
vue-router路由參數(shù)刷新消失的問題解決方法
本篇文章主要介紹了vue-router路由參數(shù)刷新消失的問題解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06