vue 实现三秒钟倒计时跳转页面

最新推荐文章于 2023-08-15 22:00:25 发布

☆夏の独憶☆

最新推荐文章于 2023-08-15 22:00:25 发布

阅读量1.2k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/zyi200207278017/article/details/122459467

版权

用span双标签包{{count}}
data() {
    return{
		count:''
	}
},
created() {
    this.countDown() // 倒计时
  },
  methods: {
    countDown() {
      const TIME_COUNT = 3
      if (!this.timer) {
        this.count = TIME_COUNT
        this.timer = setInterval(() => {
          if (this.count > 1 && this.count <= TIME_COUNT) { //限制倒计时区间
            this.count--
          } else {
            clearInterval(this.timer)   //删除定时器
            this.timer = null
            //跳转的页面写在此处
            this.$router.push('/vaccineProtectionTk')
          }
        }, 1000)
      }
    },
  },