vue 中使用keep-alive 调用this.destroy() 后缓存不生效

Question

现在从列表页面进入详情页面 后，列表页面需要进行缓存。从列表页面进入其他页面不缓存，即数据始终保持最新的。目前如果没有进入到其他页面中即没有调用this.$destroy()。缓存是有效的，但是只要进入其他页面后，缓存就不起作用了。

beforeRouteLeave (to, from, next) {
        if(to.name=='事件详情'){
            if(!from.meta.keepAlive){
                from.meta.keepAlive=true;
            }
        }
        else{
            from.meta.keepAlive=false;
            this.$destroy();
        }
        next();
    },
    beforeRouteEnter (to, from, next) {
        if(from.name!='事件详情'&&from.path!='/'){
            to.meta.keepAlive=false;
        }
        else{
            to.meta.keepAlive=true;
        }
        next(vm => {
           console.log(vm);
        });
    },