vue项目实现定时刷新和关闭刷新功能

最新推荐文章于 2024-07-15 10:51:49 发布

九号窗口

最新推荐文章于 2024-07-15 10:51:49 发布

阅读量1.5k

点赞数

分类专栏：总结 vue PC 文章标签： vue.js 定时刷新

本文链接：https://blog.csdn.net/weixin_43734732/article/details/106217685

版权

总结同时被 3 个专栏收录

78 篇文章 1 订阅

订阅专栏

vue

47 篇文章 3 订阅

订阅专栏

34 篇文章 1 订阅

订阅专栏

        <div class="refleshBtn">
          <el-button type="primary" plain size="mini" @click="recovery">恢复刷新</el-button>
          <el-button type="primary" size="mini" @click="stopReflash">停止刷新</el-button>
        </div>

  created() {
    this.timer = setInterval(() => {
      this.getList();
    }, 5000);
  },

  //销毁前清除定时器
  beforeDestroy() {
    clearInterval(this.timer);
  },

    recovery() {
    this.timer = setInterval(() => {
      this.getList();
    }, 5000);
    },
    stopReflash() {
      clearInterval(this.timer);
    },