前进刷新，后退不刷新

心已赠人 2023-06-24 08:25 100阅读 0赞

首先在router/index.js中的 routes中的每一项加上

  1. meta: {
  2.   keepAlive: false
  3. }

就按好像下面一样，注意，false代表不需要缓存，true代表需要缓存

  1. {
  2.    path: "/teamFun",
  3.    name: "teamFun",
  4.    component: teamFun,
  5.    meta: {
  6.      keepAlive: false
  7.    }
  8. },

在App.vue中要这样写

  1. <keep-alive>
  2.   <router-view v-if="$route.meta.keepAlive" />
  3. </keep-alive>
  4. <router-view v-if="!$route.meta.keepAlive" />

才可以，声明周期如果需要执行多次的话，最好写在 actived生命周期中，因为created和mounted都是执行一次的，或者还需要添加一些方法才能形成前进刷新后退不刷新的效果！

发表评论

表情：
评论列表 （有 0 条评论，100人围观）

还没有评论，来说两句吧...

相关阅读