(精华)2020年7月19日 vue 缓存页面的强制更新

最新推荐文章于 2024-01-30 11:40:48 发布

愚公搬代码

最新推荐文章于 2024-01-30 11:40:48 发布

阅读量10w+

点赞数 3

分类专栏： # vue 文章标签： vue.js

本文链接：https://blog.csdn.net/aa2528877987/article/details/107440552

版权

vue 专栏收录该内容

70 篇文章 9 订阅

订阅专栏

页面缓存后，页面是不会变化的。要使缓存页面变化可以利用路由的钩子函数beforeRouteLeave。

<template>
  <div
  </div>
</template>
<script>
export default {
  methods: {
  },
  beforeRouteLeave(to, from, next) {
    // 导航离开该组件的对应路由时调用
    // 可以访问组件实例 `this`
    console.log(to);
    if (to.name !== "myQuestionDetail") {
      this.getQuestionList();
    }
    next();
  },
  mounted() {
    this.getQuestionList();
  }
};
</script>