1.如果列表頁不需要實時更新(能夠接受退出頁面,再進(jìn)入的時候是最新)比如新聞列表捶牢,可以用beforeRouteEnter鸠珠,判斷是從詳情頁,還是從首頁進(jìn)入秋麸?
從詳情頁進(jìn)入的話渐排,直接展示緩存的數(shù)據(jù),不需要重新加載灸蟆,包括當(dāng)前的頁碼page和list的數(shù)據(jù)驯耻。
從其他頁面進(jìn)入,調(diào)用接口次乓,來請求數(shù)據(jù)
beforeRouteEnter(to, from, next) {
next(vm => {
console.log(vm.boxObj);
? ? if(from.name =='boxdetail') {
vm.list=vm.boxObj.list
? ? ? vm.cur=vm.boxObj.cur
? ? ? vm.page=vm.boxObj.page;
? ? }else{
vm.getlist(true)
}
});
},
2.列表頁需要實時更新到最新數(shù)據(jù)吓歇,比如訂單列表孽水,即使從詳情頁進(jìn)入票腰,也要保障讀取到最新數(shù)據(jù),有別的頁面可以下單女气、刪除訂單杏慰、支付訂單的操作。那么
只緩存列表頁的tab值即可炼鞠。每次進(jìn)入缘滥,用緩存的tab值,去賦值谒主,并且調(diào)取當(dāng)前tab的最新數(shù)據(jù)朝扼!雖然這樣沒有保留住之前的page頁碼和list數(shù)據(jù),起碼訂單列表是最正確的霎肯。