zoukankan      html  css  js  c++  java
  • keep-alive页面缓存

    使用步骤:

    1 丶首先需要在router里面设置 meta 

    例如:{
                   path: '/createAdate',
                   name: 'createAdate',
                   component: createAdate,
                   meta: {
                   keepAlive: true
                    }
                },
    2 丶在App.vue 里面设置:
      <div id="app">
        <keep-alive>
          <router-view v-if="$route.meta.keepAlive"></router-view>
        </keep-alive>
        <router-view v-if="!$route.meta.keepAlive"></router-view>
      </div>
     完成以上两步之后 createAdate页面就已经设置了缓存了,现在我们有一个需求:列表页进入详情页不需要缓存,详情里面有筛选,进入搜索页,再返回详情页,需要缓存详情页,
    这样的话呢,详情页面就始终被缓存 了,利用  this.$destroy() 销毁组件依旧是有缓存的,后面查询了很多文档,都看得不是很清楚,所以在这里记录一下最终的解决方法。
  • 相关阅读:
    LeetCode 25 Reverse Nodes in k-Group
    圆桌派:家世背景对人的影响有多大
    BibTex 学习笔记
    R parallel包实现多线程1
    IIS学习笔记
    高效完成R代码
    圆桌派 :我们,朋友一生一起走
    高文欣个人简介
    R语言函数话学习笔记5
    git学习笔记1
  • 原文地址:https://www.cnblogs.com/lidonglin/p/11118413.html
Copyright © 2011-2022 走看看