vue中倒计时3秒后跳转页面

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_37212970/article/details/87912793
<script>
export default {
    data(){
        return {
            count:"",//倒计时
        }
    }
},

created(){
   ​​​​​​this.threeGo()
},

methods: {
  //3秒后进入跳转页面
    threeGo(){
		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;
				//跳转的页面写在此处
				this.$router.push({
					path: ''
				});
			}
		  },1000)
		}
    },
}
</script>

 

展开阅读全文

没有更多推荐了,返回首页