<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>
希望文档能帮助到您,最后求个赞,谢谢~