vue-app-verify
仿app输入验证码效果的vue组件
github
有意见和建议,欢迎到我的gihub项目vue-app-verify提issue
开发计划
- [ ] 可选的前端验证功能.配置一个验证码,前端校验验证码是否正确
Installation - 安装
yarn add vue-app-verify
或者,如果你使用npm的话npm i vue-app-verify -S
Usage - 用法
全局引入:
1.main.js:
import vueAppVerify from 'vue-app-verify'
Vue.use(vueAppVerify)
2.组件中:
<template>
<div id="app">
<vueAppVerify @completed="completed"/>
</div>
</template>
按需引入
组件中:
<template>
<div id="app">
<vueAppVerify @completed="completed"/>
</div>
</template>
<script>
import vueAppVerify from 'vue-app-verify'
export default {
...
components: {
vueAppVerify
},
...
}
</script>
Props - 属性
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
length | 验证码长度 | Number | 4 |
enableWord | 是否允许输入字母 | Boolean | false |
events - 事件
事件名称 | 说明 | 回调参数 |
---|---|---|
completed | 完成输入 | 验证码(字符串) |