vue-gecode

by GeSnowBoy

GeSnowBoy / vue-gecode

基于Vue2.0获取手机验证码插件,可高度自定义.

211 Stars 13 Forks Last release: Not found 37 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

vue-gecode

基于Vue2.0获取手机验证码插件,可高度自定义.

这里是可爱的Demo

安装和使用

npm install vue-gecode --save-dev
  • 作为全局组件使用
//在项目入口文件
import Vue from 'vue'
import geCode from 'vue-gecode'
Vue.component('geCode', geCode)
  • 作为局部组件
//在某个组件中
import geCode from 'vue-gecode'
export default {
  components: {
    geCode
  }
}

HTML中使用:

运行demo

//1. 下载代码
git clone https://github.com/GeSnowBoy/vue-gecode.git

//2. 进入目录 cd vue-gecode

//3. 安装依赖 npm install

//4. 运行demo npm start

API

Props

| 参数 | 类型 | 说明 | 是否必须 | 默认值 | | ------------- |-------| -----| ----| -------| | config | 对象 | 唯一配置参数,详情见下 | 是 | — |

config属性说明

| 参数 | 类型 | 说明 | 是否必须 | 默认值 | | ------------- |-------| -----| ----| -------| | startText | 字符串 | 未输入时显示文字 | 否 | 获取验证码 | | endText | 字符串 | 验证码发送完成后显示文字 | 否 | 再次获取 | | computeText | 函数 | 每次时间减少显示的文字,参数为剩余时间 | 否 | 默认返回->重新获取 * s | | activeClass | 字符串 | 验证码倒计时添加的类名 | 否 | isRun | | totalTime | 数值 | 获取验证码后的倒计时总数(s) | 否 | 60 | | tickTime | 数值 | 每次减少的时间(s) | 否 | 1 | | canTodo | 函数 | 判断是否可以发送验证码 | 否 | — | | todo | 函数 | 验证成功后调用,在这里发送验证码 | 否 | - | | endCallback | 函数 | 验证码结束回调 | 否 | - | | click | 函数 | 每次点击都会被调动 | function | - | | canUse | 布尔值 | 是否可用 | 否 | true | | click | 字符串 | 不可用时添加的类名 | 否 | no-can |

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.