1.0.1 • Published 5 years ago

vue-simple-countdown v1.0.1

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

vue-simple-countdown

简单的vue倒计时功能

npm.io

Install

npm install vue-simple-countdown --save

Usage

Import:

import simpleCountdown from 'vue-simple-countdown'
Vue.use(simpleCountdown)

Use:

<template>
  <div id="app">
    <simple-countdown class="btn-send" :count="60" @sendSms="sendSms"/>
    <!-- <simple-countdown
        class="btn-send"
        :count="60"
        @sendSms="sendSms"
        default-text="默认文字"
        reset-text="倒计时文字"
      /> -->
  </div>
</template>
export default {
  name: "app",
  methods: {
    sendSms() {
      alert("验证码发送成功!");
    }
  }
};
</script>

Available props

The component accepts these props:

属性类型default描述
countNumber60倒计时总时间(默认60秒)
sendSmsFunction回调函数,调用短信接口
defaultTextString'发送验证码'默认展示的文字
resetTextString'重新发送'正在倒计时的文字