仿app输入验证码效果的vue组件
有意见和建议,欢迎到我的gihub项目vue-app-verify提issue
- 可选的前端验证功能.配置一个验证码,前端校验验证码是否正确
yarn add vue-app-verify
或者,如果你使用npm的话
npm i vue-app-verify -S
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>
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
length | 验证码长度 | Number | 4 |
enableWord | 是否允许输入字母 | Boolean | false |
事件名称 | 说明 | 回调参数 |
---|---|---|
completed | 完成输入 | 验证码(字符串) |