Vue倒计时3秒后返回首页Demo(推荐)

if (this.count === 0) {
	clearInterval(this.timer);
}

<!-- ErrorJump.vue -->
<template>
	<h2>Error：找不到页面！</h2>
	<h4>{{ count }}S后<RouterLink to="/">跳回首页</RouterLink></h4>
</template>
<script>
export default {
	data() {
		return {
			count: 0,
			timer: null,
		};
	},
	mounted() {
		this.count = 3;
		this.timer = setInterval(() => {
			this.count--;
			if (this.count === 0) {
				clearInterval(this.timer);
				this.$router.push("/");
			}
		}, 1000);
	},
};
</script>

<template>
  <div id="home">
      <div>{{ count }}s后将自动跳转到登录页！</div> 
    </div>
</template>
<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>