1.查看app.vue文件，這個(gè)是重點(diǎn)，不能忘記加（我就是忘記加了keep-alive）

<template> <div> <keep-alive><router-view v-if='$route.meta.keepAlive'></router-view> </keep-alive> <router-view v-if='!$route.meta.keepAlive'></router-view> </div></template>

2.查看router.js

{ path:’/loanmessage’, component:loanmessage, name:’loanmessage’, meta: { keepAlive: true, //代表需要緩存 isBack: false, },

3.在需要緩存的頁面加入如下代碼

beforeRouteEnter(to, from, next) { if (from.name == ’creditInformation’ || from.name == ’cityList’) { to.meta.isBack = true; } next();},activated() { this.getData() this.$route.meta.isBack = false this.isFirstEnter = false },

附上鉤子函數(shù)執(zhí)行順序：

beforeRouteEnter --> created --> mounted --> destroyed

beforeRouteEnter --> created --> mounted --> activated --> deactivated再次進(jìn)入緩存的頁面，只會(huì)觸發(fā)beforeRouteEnter -->activated --> deactivated 。created和mounted不會(huì)再執(zhí)行。

總結(jié)

到此這篇關(guān)于Vue中使用keepAlive不緩存問題（已解決）的文章就介紹到這了,更多相關(guān)Vue使用keepAlive不緩存內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！