vue-pay-password
Description
Demo https://codesandbox.io/s/53r20qn9yk
Install
Terminal
$ npm i vue-pay-password --save // or $ yarn add vue-pay-password
CDN
<link rel="stylesheet" herf="https://unpkg.com/vue-pay-password/dist/vue-pay-password.css"> <script src="https://unpkg.com/vue-pay-password/dist/vue-pay-password.umd.min.js" />
Usage
<template> <div id="app"> <payPassword /> </div> </template> <script> import payPassword from "vue-pay-password"; import "vue-pay-password/dist/vue-pay-password.css"; export default { name: "App", components: { payPassword } }; </script>Prop
| Name | Type | Default | Description |
| name | string | '' | input name |
| tabindex | number | 0 | input tabindex |
| length | number | 6 | input value length |
| value | string | '' | default input value |
| disable | boolean | false | disable input |
| onlyNumber | boolean | true | only allow input number |
API
| Name | Description |
| focus | focus input |
| clear | clear input |
Event
| Name | Description |
| focus | focus event |
| blur | blur event |
Browser Support
 |  |  |  |  |  |
| Latest ✔ | Latest ✔ | Latest ✔ | 9+ ✔ | 9.1+ ✔ | Latest ✔ |
Devlopment
$ npm i $ npm run dev $ npm test
Author
Copyright (c) 2018-present, limichange
Licensing
Licensed under the MIT
