vue跳转页面增加等待_vue实现几秒后跳转新页面代码

我就废话不多说了，大家还是直接看代码吧~

提交

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)

}

},

}

补充知识：vue设置延时

一定要创建一个timer，然后调用延时之前先清除timer的延时

clearTimeout(this.timer); //清除延迟执行

this.timer = setTimeout(()=>{ //设置延迟执行

console.log('ok');

},1000);

以上这篇vue实现几秒后跳转新页面代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

本文标题: vue实现几秒后跳转新页面代码

本文地址: http://www.cppcns.com/wangluo/javascript/343439.html