Demo
https://codesandbox.io/s/53r20qn9yk
$ npm i vue-pay-password --save
// or
$ yarn add vue-pay-password
<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" />
<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>
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 |
Name |
Description |
focus |
focus input |
clear |
clear input |
Name |
Description |
focus |
focus event |
blur |
blur event |
 |
 |
 |
 |
 |
 |
Latest ✔ |
Latest ✔ |
Latest ✔ |
9+ ✔ |
9.1+ ✔ |
Latest ✔ |
$ npm i
$ npm run dev
$ npm test
Copyright (c) 2018-present, limichange
Licensed under the MIT