vue中router使用keep-alive缓存页面的注意事项

最新推荐文章于 2024-04-13 11:10:58 发布

转载最新推荐文章于 2024-04-13 11:10:58 发布 · 646 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/huanhuan55/p/10508754.html

文章标签：

#javascript #ViewUI

本文探讨了Vue中使用<keep-alive>组件的正确方式，特别是在排除特定组件如QRCode不被缓存的情况下。同时，深入讲解了如何在Vue组件中安全地使用setInterval进行定时数据更新，并确保在组件销毁前清除定时器，避免内存泄漏。

   <keep-alive exclude="QRCode">
        <router-view></router-view>
     </keep-alive> 
 exclude表示不缓存这个界面，注意 QRCode是组件的名字
export default {
  name:"QRCode",
  components: {
    nqr
  },

使用 setInterval一定要销毁，不然会一直执行
created() {
    this.getData();
    var _this = this;
    this.IntervalId= setInterval(function() {
      _this.getData();
    }, 3000);
  },
  beforeDestroy(){
    clearInterval(this.IntervalId);
  },

转载于:https://www.cnblogs.com/huanhuan55/p/10508754.html