vue3 倒计时3秒后返回首页

╰半橙微兮° 2023-01-21 14:19 60阅读 0赞

" class="reference-link">效果在这里插入图片描述

代码实现

  1. <template>
  2. {
  3.    { count }}秒后返回网站首页 <br>
  4. </template>
  6. <script lang="ts"> import router from "/@/router"; import { onMounted, reactive, ref} from "vue"; export default { setup(): any { onMounted(() => { countdown() //页面一加载成功就执行 }) let timer = null let count: number = ref(10) //倒计时 function countdown() { timer = setInterval(() => { count.value = count.value-1 if (count.value <= 0) { clearInterval(timer); timer = null; //跳转的页面写在此处 router.push({ path: "/"}); // 强制切换当前路由 path } }, 1000) } return { count } } } </script>

发表评论

表情：
评论列表 （有 0 条评论，60人围观）

还没有评论，来说两句吧...

相关阅读