從l2進(jìn)入d2,然后又回到列表頁(yè)，顯示的是l1，說(shuō)明緩存沒(méi)有成功，能把你列表頁(yè)的代碼貼出來(lái)看一下嗎

另外，你一個(gè)組件加載不同的列表類(lèi)型，是根據(jù)路由傳參判斷的類(lèi)型嗎，是不是返回列表頁(yè)的時(shí)候參數(shù)沒(méi)傳過(guò)去，導(dǎo)致加載的是默認(rèn)的列表頁(yè)1？

又或者你是在一個(gè)頁(yè)面加載了兩個(gè)列表組件，只是用if或者show控制了他們的顯示隱藏，從詳情頁(yè)回來(lái)的時(shí)候，該頁(yè)面控制顯示隱藏的變量重置了，所以顯示的是默認(rèn)的列表1？

不好猜?。?！

按照我們團(tuán)隊(duì)的規(guī)范，list 列表頁(yè)會(huì)進(jìn)行 keep-alive 保持，詳情頁(yè)會(huì)在離開(kāi)的時(shí)候直接 destroy，避免你提到的連續(xù)點(diǎn)開(kāi)詳情頁(yè)的問(wèn)題。因?yàn)橐粋€(gè)component 只會(huì)初始化一次，在不銷(xiāo)毀新建的情況下，可能無(wú)法觸發(fā)數(shù)據(jù)的重新獲取，進(jìn)而展示上一次打開(kāi)的detail_1，keep-alive 是直接休眠在喚醒。另外，針對(duì)數(shù)據(jù)可變的頁(yè)面去做 keep-alive 也不太符合它的應(yīng)用場(chǎng)景，既要它不變，又想它變，就矛盾了。

自己解決了，比較丑陋，體驗(yàn)不是很好。不過(guò)需求實(shí)現(xiàn)了。通過(guò)刷新list頁(yè)面來(lái)清除不需要的緩存。

路由：

列表：
 {
                path: '/list_1',
                name: 'list_1',
                component: resolve => require(['pages/list'], resolve),
                meta: {
                    title: "列表1",
                    keepAlive: true,
                    isBack: false, //用于判斷上一個(gè)頁(yè)面是哪個(gè)
                    lastRoute: '',
                }
            }, {
               path: '/list_2',
                name: 'list_2',
                component: resolve => require(['pages/list'], resolve),
                meta: {
                    title: "列表2",
                    keepAlive: true,
                    isBack: false, //用于判斷上一個(gè)頁(yè)面是哪個(gè)
                    lastRoute: '',
                }
            }, 
詳情：
 {
                            path: '/detail/:id',
                            name: 'detail',
                            component: resolve => require(['pages/detail'], resolve),
                            meta: {
                                title: "詳情頁(yè)",
                                keepAlive: false,
                                isBack: true, //用于判斷上一個(gè)頁(yè)面是哪個(gè)
                                lastRoute: '',
                            }
                        }, 

列表頁(yè)主要代碼：

watch: {
            '$route' (to, from) {
                //通過(guò)lastRoute來(lái)判斷上一個(gè)頁(yè)面是哪一個(gè)list頁(yè)，通過(guò)isBack判斷上一個(gè)頁(yè)面是否是詳情頁(yè)
                if (from.meta.lastRoute !== to.name && from.meta.lastRoute && to.meta.isBack === false) {
                    this.$router.push({name:'reload'})
                }
            }
        },
      
        beforeRouteLeave(to, from, next) {
            //手動(dòng)設(shè)置當(dāng)前頁(yè)的keepAlive=true
            from.meta.keepAlive = true
            //若果去的是列表頁(yè)(isBack=false)，銷(xiāo)毀緩存
            if (to.meta.isBack === false){
                this.$destroy() //無(wú)法在beforeRouteEnter中使用
            }
            //在下一個(gè)頁(yè)面的meta中設(shè)置lastRoute，以便在下一個(gè)頁(yè)面中判斷上一個(gè)頁(yè)面的名字
            to.meta.lastRoute = this.$route.name
            next();
        },

詳情頁(yè)代碼：

 beforeRouteLeave(to, from, next) {
            //在詳情頁(yè)判斷上一個(gè)頁(yè)面和下一個(gè)頁(yè)面是否一致，一致則使用緩存，不一致則不使用緩存；
            //通過(guò)設(shè)置下一個(gè)頁(yè)面（列表頁(yè)）的keepAlive來(lái)確定是否使用；
            //因?yàn)榱斜眄?yè)始終需要進(jìn)行緩存，在這里（詳情頁(yè)）設(shè)置了他的keepAlive=false，所以需要在列表頁(yè)重新設(shè)置keepAlive=rue
            if (from.meta.lastRoute !== to.name ){
                //若去的頁(yè)面和來(lái)的頁(yè)面不一致，銷(xiāo)毀已經(jīng)存在的list緩存
                to.meta.keepAlive = false;
            }
            next();
        },