vue中倒计时3秒后跳转页面
<template><div class="prompt_text">群发创建失败,<span id="num">{{count}}</span>秒后转至群发记录</div></template&g
·
<template>
<div class="prompt_text">群发创建失败,<span id="num">{{count}}</span>秒后转至群发记录</div>
</template>
<script>
export default { data() { return {
count:"",//倒计时
}
}
},
created(){ //根据需求确定在哪里调用 this.goGrdoupRecor() },
methods: {
// 3秒后进入群发记录 goGrdoupRecor(){ const TIME_COUNT = 3; if(!this.timer){ this.count = TIME_COUNT; this.show = false; this.timer = setInterval(()=>{ if(this.count > 0 && this.count <= TIME_COUNT){ this.count--; }else{ this.show = true; clearInterval(this.timer); this.timer = null; //跳转的页面写在此处 } },1000) } },
}
</script>
更多推荐
已为社区贡献3条内容
所有评论(0)