vue-pay-password
v0.0.1 vue
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