我就廢話不多說了，大家還是直接看代碼吧~

<template> <div @click='clickJump()'>提交</div></template><script>export default { data(){ return { count:'',//倒計時 } }}, mounted(){ }, methods: { //幾秒后進入跳轉(zhuǎn)頁面 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;//跳轉(zhuǎn)的頁面寫在此處this.$router.push({path: ’/address’}); } },100) } },}</script>

補充知識：vue設置延時

一定要創(chuàng)建一個timer，然后調(diào)用延時之前先清除timer的延時

clearTimeout(this.timer); //清除延遲執(zhí)行 this.timer = setTimeout(()=>{ //設置延遲執(zhí)行 console.log(’ok’);},1000);

以上這篇vue實現(xiàn)幾秒后跳轉(zhuǎn)新頁面代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持好吧啦網(wǎng)。