目前在學(xué)習(xí)vue，練手一個(gè)商城，其中有些頁(yè)面需要前進(jìn)刷新，后退不刷新。
比如，從商城的【首頁(yè)】(index.vue)-->【產(chǎn)品列表頁(yè)】(list.vue)-->【產(chǎn)品詳情頁(yè)】(detail.vue)，依次前進(jìn)，每次前進(jìn)到一個(gè)新頁(yè)面都需要獲取數(shù)據(jù)，而按下后退鍵后，從detail返回到list，list不再獲取新數(shù)據(jù)，而是使用之前緩存的數(shù)據(jù)。從list返回到index時(shí)，index不再獲取新數(shù)據(jù)，而是使用之前的數(shù)據(jù)。

首頁(yè)運(yùn)行界面如下：

列表list的界面和index的推薦商品列表一樣布局。

操作步驟如下：
1.先點(diǎn)擊工具，進(jìn)入工具的/list/1，
2.點(diǎn)擊/list/1中商品進(jìn)入detail，
3.然后點(diǎn)擊detail的返回按鈕回到/list/1頁(yè)面，/list/1頁(yè)面沒有緩存并且被重新加載，加載后的列表再次點(diǎn)擊商品進(jìn)入detail，然后點(diǎn)擊返回按鈕回到/list/1頁(yè)面，這個(gè)時(shí)候/list/1頁(yè)面被緩存的
4.通過工具的list頁(yè)面點(diǎn)擊返回按鈕回到index,index頁(yè)面被正常緩存，
5.再點(diǎn)擊生活，進(jìn)入生活的/list/2，
6.點(diǎn)擊/list/2中商品進(jìn)入detail，
7.然后點(diǎn)擊detail的返回按鈕回到list頁(yè)面，這時(shí)候返回的卻是/list/1頁(yè)面而不是/list/2的頁(yè)面

我使用keep-alive來(lái)進(jìn)行緩存，但是卻不能進(jìn)行緩存最新數(shù)據(jù)。具體配置是這樣的：
index.js:

routes: [{
        path: '/index',
        name: 'index',
        component: Index,
        meta: {
            title: '商城',
            keepAlive: true, // 此組件需要被緩存
        }
    },
    {
        path: '/list/:id',
        name: 'list',
        component: List,
        meta: {
            title: '',
            keepAlive: true, // 此組件需要被緩存
        }
    },
    {
        path: '/detail/:id',
        name: 'detail',
        component: Detail,
        meta: {
            title: '商品詳情',
            keepAlive: false, // 此組件需要被緩存
        }
    }]

App.vue：

<div id="app">
    <keep-alive>
        <router-view v-wechat-title='$route.meta.title' v-if="$route.meta.keepAlive" />
    </keep-alive>
    <router-view v-wechat-title='$route.meta.title' v-if="!$route.meta.keepAlive" />
</div>

我在main.js里面進(jìn)行router的攔截：
router.beforeEach((to, from, next) => {

if(from.name == 'index' && to.name == 'list'){
     to.meta.keepAlive = false;
}
if(from.name == 'list' && to.name == 'index'){
     from.meta.keepAlive = false;
}
if(from.name == 'list' && to.name == 'detail'){
     from.meta.keepAlive = true;
}
if(from.name == 'detail' && to.name == 'list'){
     to.meta.keepAlive = true;
}
console.warn(from.name+' '+to.name +' '+ to.meta.keepAlive);
  next();

})

請(qǐng)問我該怎么解決出現(xiàn)的這個(gè)這個(gè)問題啊~~