1.0.2 • Published 5 years ago

@choujiaojiao/vue2-countdown v1.0.2

Weekly downloads
10
License
MIT
Repository
github
Last release
5 years ago

@choujiaojiao/vue2-countdown⏰

vue倒计时插件

vue2 license npm npm minified gzip

vue-countdown是一个无依赖项的轻量级vue组件,轻松实现倒计时需求,摆脱时间函数烦恼。 支持SSR。

Try the demo

如何使用

yarn add @choujiaojiao/vue2-countdown
or
npm install @choujiaojiao/vue2-countdown

例子

<template>
  <Countdown :time="3666" format="hh:mm:ss" @on-end="onCountdownEnd">
    <template slot-scope="{ time }">{{ time }}</template>
  </Countdown>
</template>

<script>
  import Countdown from '@choujiaojiao/vue2-countdown'
  
  export default {
    components: { Countdown },
    methods: {
      onCountdownEnd() {
        console.log('countdown end~')
      }
    }
  }
</script>

属性

PropertyDescriptiontypedefault
time倒计时时间差(单位:秒)Number0
step多久执行一次倒计时(单位:秒)Number1
switch倒计时开关Boolean- -
format格式化String- -

方法

Function NameDescription
on-end倒计时结束回调
on-countdown每次倒计时回调
reCountdown重新倒计时( ex: this.$refs.countdown.reCountdown() )