vue verification code component
npm install vue-verification-code
> vue verification code component vue验证码插件
由于实现验证码输入时,ios多个输入框兼容问题颇多,于是发布一款验证码插件,以便大家使用,有number(主要用于验证码类型),password(支付密码一类的输入)
,插件回调返回输入值(目前是blur和enter键),欢迎提出问题
| 参数 | 类型 | 备注 | 必须 | 默认值 |
| ------ | ------ | ------ | ------ | ------ |
| type | String | 输入类型 | 否 | 'number'('number'/'password') |
| maxlength | Number | 验证码长度 | 否 | 6 |
| styles | Object | 输入框样式(驼峰命名) | 否 | {} |
| output | event | 输入框回调 | - | 参数(对象)
{data: string(输入框的值),isfinished: boolean(是否输入完成)} |
npm install vue-verification-code --save
`$3
`js
import verificationcode from 'vue-verification-code'
Vue.use(verificationcode)
`
$3
`html
`展示
$3
!avatar$3
!avatar更新
+ @1.0.6 新增输入激活样式
+ @1.0.7 输入框值同步新增判断
` bash
install dependencies
npm installserve with hot reload at localhost:8080
npm run devbuild for production with minification
npm run build
``For detailed explanation on how things work, consult the docs for vue-loader.