vue中实现轮询功能,常用于监听支付状态

<template>
  <div>
    <h3>vue中实现轮询功能,常用于监听支付状态</h3>
    <p>轮询功能经常用在支付页面,我们需要实时获取当前支付状态,判断用户是否支付成功</p>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  data() {
    return {
      num:0,
    };
  },
  computed: {},
  filters: {},
  watch: {},
  created() {
    // 实现轮询
    window.setInterval(() => {
    setTimeout(this.getPayState(), 0);
    }, 3000);
    },
  methods: {
    getPayState () {
      this.num ++ ;
      console.log('监听支付状态第 ' + this.num + '次');
    }
  },
};
</script>

<style lang="scss" scoped>
</style>

希望文档能帮助到您,最后求个赞,谢谢~