1.0.7 • Published 5 years ago
vue-verification-code v1.0.7
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在main.js中引入
import verificationcode from 'vue-verification-code'
Vue.use(verificationcode)在组件中使用
<vue-verification-code :styles="styles" :type="'password'" :maxlength="6" @output="output"></vue-verification-code>展示
作为number类型使用
作为password类型使用
更新
- @1.0.6 新增输入激活样式
- @1.0.7 输入框值同步新增判断
# install dependencies
npm install
# serve with hot reload at localhost:8080
npm run dev
# build for production with minification
npm run buildFor detailed explanation on how things work, consult the docs for vue-loader.