第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

vue使用緩存產(chǎn)生的問題如何解決?

vue使用緩存產(chǎn)生的問題如何解決?

BIG陽 2019-05-08 16:50:11
vue中,一個(gè)列表頁(yè)從列表詳情頁(yè)返回需要被緩存,從其他頁(yè)面進(jìn)入列表不需要緩存,我在main.js中設(shè)置router.beforeEach((to,from,next)=>{Vue.prototype.fromurl=from.path;Vue.prototype.tourl=to.meta;if(from.path.substr(3,4)=='shop'){varbostonetop=$(window).scrollTop();localStorage.setItem("bostonetop",bostonetop)}elseif(from.path.substr(3,13)=='special_field'){varbostonetop=$(window).scrollTop();localStorage.setItem("bostonetop",bostonetop)}if(to.path.substr(3,4)=='shop'){if(from.path.substr(3,14)=='product_detail'){//思路是進(jìn)入列表頁(yè)并從詳情頁(yè)返回加載緩存,其他不加載緩存to.meta.keepAlive=true;varbostonetop=localStorage.getItem("bostonetop")$('html,body').animate({scrollTop:bostonetop},10);}}elseif(to.path.substr(3,13)=='special_field'){if(from.path.substr(3,14)=='product_detail'){to.meta.keepAlive=true;varbostonetop=localStorage.getItem("bostonetop")$('html,body').animate({scrollTop:bostonetop},10);}}else{to.meta.keepAlive=false}next()})App.vuerouter.js{path:'/t/shop',name:'shop',component:shop,meta:{keepAlive:true}},RT,思路是進(jìn)入該列表頁(yè)并從詳情頁(yè)返回加載緩存,其他不加載緩存。但是實(shí)際中所有頁(yè)面進(jìn)入該頁(yè)面中都產(chǎn)生了緩存;這不是我想要的,請(qǐng)問上述問題應(yīng)該如何解決?如何從其他頁(yè)面進(jìn)入該頁(yè)面不加載緩存并從詳情返回加載緩存?
查看完整描述

2 回答

?
滄海一幻覺

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超5個(gè)贊

將列表頁(yè)設(shè)置keepAlive:true默認(rèn)需要緩存
beforeRouteEnter鉤子中判斷from然后決定是否需要重新調(diào)用獲取數(shù)據(jù)接口偽代碼如下
newVue({
methods:{
//獲取列表數(shù)據(jù)
getData(){
//數(shù)據(jù)請(qǐng)求部分省略
this.data=res.data;
}
},
beforeRouteEnter(to,from,next){
//如果不是從詳情頁(yè)進(jìn)入此組件
if(from.path!=='詳情頁(yè)path'){
//組件實(shí)例初始化后
next(vm=>{
//重新獲取數(shù)據(jù)
vm.getData()
});
}
//else的情況不用判斷.因?yàn)橹奥酚芍性O(shè)置了`keepAlive:true`默認(rèn)會(huì)緩存
}
})
題主可以試試這個(gè)思路拙見,不足之處望指出
                            
查看完整回答
反對(duì) 回復(fù) 2019-05-08
  • 2 回答
  • 0 關(guān)注
  • 1138 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)