vue 清除keep-Alive页面缓存

情景:列表A,详情B,列表搜索C。B→A,需要缓存列表A,缓存正确,C→A,A也被缓存,搜索不起作用。
解决:

beforeRouteLeave(to,form,next){
        if(to.name != 'alarmInfoSon'){
            if(this.$vnode && this.$vnode.data.keepAlive){
                // 第一种
                var key = this.$vnode.parent.componentInstance.keys[0];
                var cache = this.$vnode.parent.componentInstance.cache;
                delete cache[key];
                // 第二种
                // this.$vnode.parent.componentInstance.cache={};
                // this.$vnode.parent.componentInstance.keys=[];
                // 第三种  搜索改成弹窗,在列表A中弹窗
            }
        }
        next();
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 专业考题类型管理运行工作负责人一般作业考题内容选项A选项B选项C选项D选项E选项F正确答案 变电单选GYSZ本规程...
    小白兔去钓鱼阅读 9,082评论 0 13
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,165评论 1 32
  • 选择题部分 1.(),只有在发生短路事故时或者在负荷电流较大时,变流器中才会有足够的二次电流作为继电保护跳闸之用。...
    skystarwuwei阅读 13,630评论 0 7
  • 下课后,同学们欢欢喜喜的三两成群的聊着你我他之类的事情,同学间的八卦最是受欢迎的。试问谁没有过八卦的八婆心,即便...
    禾文先阅读 586评论 22 0