问答一下,轻松解决,电脑应用解决专家!
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win10/Win11
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascriptLinux系统
PHP教程CSS教程XML教程

vue实现几秒后跳转新页面

更新时间:2021-07-29 14:17 作者: ☞小阿平☜点击:
<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>
 
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容