在vue項(xiàng)目中,遇到一個(gè)這樣的問(wèn)題:A,B,C三個(gè)路由,A->B->C, 其中A->B每次進(jìn)入都需要刷新, B和C可以來(lái)回多次切換并且B數(shù)據(jù)不刷新.我的思路是:用keep-alive緩存組件, A->B時(shí)強(qiáng)制刷新頁(yè)面.實(shí)現(xiàn)A->B: 用afterEach判斷to,from的name分別符合B和A時(shí),用widow.localtion.reload()強(qiáng)制刷新B頁(yè)面.問(wèn)題出現(xiàn)在了A->B中: 以上思路實(shí)現(xiàn)的方法在Chrome和安卓機(jī)上沒(méi)有問(wèn)題,可以成功跳轉(zhuǎn)到B頁(yè)面并刷新, 但是在safari和IOS真機(jī)上都出現(xiàn)了A頁(yè)面原地刷新,進(jìn)入不到B中.//A頁(yè)面中的點(diǎn)擊跳轉(zhuǎn)行為getCliam(){ console.log('getCliam'); this.$router.push('/claim/claimForm');},//main.js導(dǎo)航鉤子函數(shù)router.afterEach((to, from) => { if(to.name=='claimForm'&&from.name=='claimList'){ console.log('afterEach') window.location.reload(); }}) 哪位懂得大佬幫忙看下什么原因,難道有兼容性問(wèn)題?或者以上不用跳轉(zhuǎn)用keepAlive的一些處理方法實(shí)現(xiàn)A->B刷新新頁(yè)面,B和C的都可以緩存? 非常感謝!
vue 使用afterEach判斷后用widow.localtion.reload刷新問(wèn)題
飲歌長(zhǎng)嘯
2018-08-14 10:13:56