欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue实现几秒后跳转新页面

程序员文章站 2022-03-03 08:52:11
...
<template>
   <div  @click="clickJump()">提交</div>
</template>
<script>
export default {
    data(){
        return {
            count:"",//倒计时
        }
    }
},
 
mounted(){
   
},
 
methods: {
  //几秒后进入跳转页面
    clickJump(){
        const timejump = 1;
        if(!this.timer){
            this.count = timejump ;
            this.show = false;
            this.timer = setInterval(()=>{
            if(this.count > 0 && this.count <= timejump ){
                this.count--;
            }else{
                this.show = true;
                clearInterval(this.timer);
                this.timer = null;
                //跳转的页面写在此处
                this.$router.push({path: '/address'});
            }
          },100)
        }
    },
}
</script>