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

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

補(bǔ)充知識(shí)：vue設(shè)置延時(shí)

一定要?jiǎng)?chuàng)建一個(gè)timer，然后調(diào)用延時(shí)之前先清除timer的延時(shí)

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

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