vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > Vue设置页面轮询

Vue设置页面轮询实现方式

作者:Rrar

这篇文章主要介绍了Vue设置页面轮询实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

Vue设置页面轮询

看实例吧

 mounted() {
    //开启轮询模式
    this.setIntervalMethod();
  },
  //页面销毁时
  beforeDestroy() {
    //清除定时器
    if (getDataInt) {
      window.clearInterval(getDataInt);
    }
  },
  methods: {
    //开启轮询模式
    setIntervalMethod() {
      this.getAllData();
      //定时每2秒获取一次各业务数据
      getDataInt = setInterval(() => {
        this.getAllData()
      }, 2000)
    },
}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:
阅读全文