0.0.1 • Published 5 years ago

vue-sms-code v0.0.1

Weekly downloads
4
License
-
Repository
-
Last release
5 years ago

vue-sms-timer

短信验证码倒计时

使用

  1. 安装
npm install --save vue-sms-timer
  1. 引入
import Vue from 'vue'
import VueSmsTimer from 'vue-sms-timer'

Vue.component('VueSmsTimer', VueSmsTimer)
import VueSmsTimer from 'vue-sms-timer'

const app = new Vue({
    components: { VueSmsTimer }
})
  1. 添加
<vue-sms-code :http-request="post" text="测试获取验证码" time="60" @start="handleStart" @end="handleEnd">
  <template v-slot="{ countDownText }">
    <button type="button" name="button">{{ countDownText }}</button>
  </template>
</vue-sms-code>

调试开发

  1. npm run serve
  2. 参考 /vue 目录下

Props

namedescriptiontypedefault value
http-request获取验证码的http请求,必须返回true或Promise.resolve()function
text初始文本内容String获取验证码
time倒计时间(s)Number60

events

namedescriptionparameters
start开始倒计时
end结束倒计时

Slot

namedescriptionscope
-内容插槽{ countDownText }

贡献

如果你有好的意见或建议,欢迎给我提issue!

TODO

  • 支持打开微信开放能力功能