vue keep-alive 緩存問題最終解決方案

方案一問題:

頁面分為: A 主頁? B列表頁? C 詳情頁

A? beforeRouteLeave 時設置 to.meta.keepAlive = false (A 進入 B頁面時)背苦, 不緩存 B列表頁

B beforeRouteLeave 時 (B -> C)列表頁進詳情頁時 from.meta.keepAlive =true 緩存B列表頁

C詳情頁 返回 B列表頁 ,此時B列表頁緩存不生效肾档,也就是第一次不生效

總結問題原因:

當進入B列表頁后守呜,keepAlive 為 true 時刻盐,緩存生效

當離開B列表頁時 設置 keepAlive 為 true? 時 诸尽,緩存不生效


方案二問題:

頁面分為: A 主頁? B列表頁? C 詳情頁

A 主頁? beforeRouteLeave 時椎例,設置(即A 主頁 進入B列表頁時設B頁面緩存) to.meta.keepAlive = true,

B 列表頁? beforeRouteLeave 時挨决,設置(即 B列表頁 返回 A主頁 時) from.meta.keepAlive = false

再次 A 進入 B 時, B 是緩存的效果脖祈,這是不對的

問題點: 頁面還是會被緩存了,離開B頁面時 設置的當前 from.meta.keepAlive = false 無效


方案三最終的解決方案:

默認列表頁就 設 keepAlive true? 便可
緩存的頁面 created 會執(zhí)行只有一次,activated每次都會執(zhí)行 眼虱, created 里面做 第一次 isFirstEnter = true(由于頁面被緩存,所以一直生效)捏悬,之后再activated 里面做判斷 只有 “不是返回回來的” 和 “第一次進來的” 就刷新數據, 并且要在下面 都設為false, 以免緩存各標識不對甥厦,在進入 “列表頁” 時,通過router鉤子函數 beforeRouteEnter做判斷刀疙,詳情頁過來的設 isBack 為true,即不刷新頁面
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末扫倡,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子镊辕,更是在濱河造成了極大的恐慌,老刑警劉巖征懈,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件卖哎,死亡現場離奇詭異删性,居然都是意外死亡,警方通過查閱死者的電腦和手機蹬挺,發(fā)現死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門它掂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人虐秋,你說我怎么就攤上這事榕茧】透” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵靶剑,是天一觀的道長。 經常有香客問我桩引,道長,這世上最難降的妖魔是什么阐污? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮笛辟,結果婚禮上,老公的妹妹穿的比我還像新娘手幢。我一直安慰自己捷凄,他們只是感情好围来,可當我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著监透,像睡著了一般。 火紅的嫁衣襯著肌膚如雪院刁。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天粪狼,我揣著相機與錄音任岸,去河邊找鬼狡刘。 笑死,一個胖子當著我的面吹牛嗅蔬,可吹牛的內容都是我干的。 我是一名探鬼主播吕座,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼瘪板,長吁一口氣:“原來是場噩夢啊……” “哼漆诽!你這毒婦竟也來了?” 一聲冷哼從身側響起厢拭,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎供鸠,沒想到半個月后,有當地人在樹林里發(fā)現了一具尸體楞捂,經...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年寨闹,在試婚紗的時候發(fā)現自己被綠了胶坠。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡繁堡,死狀恐怖,靈堂內的尸體忽然破棺而出椭蹄,到底是詐尸還是另有隱情闻牡,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布罩润,位于F島的核電站,受9級特大地震影響埋酬,放射性物質發(fā)生泄漏哨啃。R本人自食惡果不足惜烧栋,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一拳球、第九天 我趴在偏房一處隱蔽的房頂上張望审姓。 院中可真熱鬧,春花似錦祝峻、人聲如沸魔吐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽酬姆。三九已至,卻和暖如春辞色,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背浮定。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留桦卒,地道東北人。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓方灾,卻偏偏與公主長得像,于是被迫代替她去往敵國和親洞慎。 傳聞我的和親對象是個殘疾皇子拢蛋,可洞房花燭夜當晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發(fā)現蔫巩,斷路器谆棱,智...
    卡卡羅2017閱讀 134,656評論 18 139
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,116評論 25 707
  • 力學 1 人行道上。 一老大爺倒地坪郭,四人圍觀个从。 旁邊一男子見狀,二話沒說抬腿就跑。 肯定是他把老大爺碰倒的嗦锐。 旁觀...
    三峽楓葉閱讀 837評論 1 0
  • 星期三 晴 每日一我 上班嫌松,公司樓下食堂吃早飯。 中午上杠鈴操奕污,結束吃鐵板肥牛萎羔,口味不驚艷。 晚上吃爆炒雞心碳默,紅薯...
    sophietyl閱讀 86評論 0 0
  • 時間:2017年7月21日2:15 地點:西灣曉苑 1.我怎么如此幸運晚上吃了宵夜喝了啤酒之后贾陷,反到更激活能量,更...
    木先森的平凡生活閱讀 177評論 0 0