萬網(wǎng)網(wǎng)站建設(shè)購買過程汽車推廣軟文
再vue中,返回上一頁時:如果頁面是打開的狀態(tài),頁面不會自動刷新,會保持著上次跳轉(zhuǎn)的狀態(tài)不更新;
原因:vue-router的切換不同于傳統(tǒng)的頁面切換,而是路由之間的切換,其實就是組件之間的切換,引用相同組件的時候,會直接調(diào)用緩存而不會調(diào)用created(),mounted()函數(shù)。
解決方法
1、返回刷新頁面
在返回頁面增加如下代碼
watch:{
? ? '$route' () {
? ? ? this.getList(); //我的初始化方法
? ? }
? }
對router進行監(jiān)控,當router發(fā)生變化時,執(zhí)行初始化界面方法。
這是我的解決方法。
2、返回上一頁:如果頁面沒打開會自動打開;如果頁面已打開,則不會刷新頁面
? ? ? ? goBack() {
? ? ? ? ? ? const obj = {
? ? ? ? ? ? ? ? path: "/product/base",
? ? ? ? ? ? ? ? query: {
???????????????????????//需要傳遞參數(shù)
? ? ? ? ? ? ? ? ? ? t: Date.now(),
? ? ? ? ? ? ? ? ? ? pageNum: this.$route.query.pageNum
? ? ? ? ? ? ? ? }
? ? ? ? ? ? };
? ? ? ? ? ? this.$tab.closeOpenPage(obj);
? ? ? ? ? ? this.reset();
? ? ? ? }