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 |
![Chrome](https://camo.githubusercontent.com/2f8de8557750a0bc532ee90e4d31285d71f9d874498f5160838c90a5e4f8dcbe/68747470733a2f2f7261772e6769746875622e636f6d2f616c7272612f62726f777365722d6c6f676f732f6d61737465722f7372632f6368726f6d652f6368726f6d655f34387834382e706e67) |
![Firefox](https://camo.githubusercontent.com/38715a99958264d094a8e0e08c3e4f206130c13a0c0eace251ac6a119fd2bcbf/68747470733a2f2f7261772e6769746875622e636f6d2f616c7272612f62726f777365722d6c6f676f732f6d61737465722f7372632f66697265666f782f66697265666f785f34387834382e706e67) |
![Edge](https://camo.githubusercontent.com/a64956f45606d40bb9a798d7312c07379c492e7ca9b22605612c2d5f8884a333/68747470733a2f2f7261772e6769746875622e636f6d2f616c7272612f62726f777365722d6c6f676f732f6d61737465722f7372632f656467652f656467655f34387834382e706e67) |
![IE](https://camo.githubusercontent.com/b8f411b3e73ca58b2c92d6803b3b6c1f2302e173df8ba8ded2fa3204dc32f122/68747470733a2f2f7261772e6769746875622e636f6d2f616c7272612f62726f777365722d6c6f676f732f6d61737465722f7372632f617263686976652f696e7465726e65742d6578706c6f7265725f392d31312f696e7465726e65742d6578706c6f7265725f392d31315f34387834382e706e67) |
![Safari](https://camo.githubusercontent.com/f362bbd42e63723eaf94d0860fc9a0d019fd33f7ab34df235a1ba3294e1f09d6/68747470733a2f2f7261772e6769746875622e636f6d2f616c7272612f62726f777365722d6c6f676f732f6d61737465722f7372632f7361666172692f7361666172695f34387834382e706e67) |
![Opera](https://camo.githubusercontent.com/89ab8d29f6a8b642de53867f99d11a48024148c296a6a746983f0b6df2d01787/68747470733a2f2f7261772e6769746875622e636f6d2f616c7272612f62726f777365722d6c6f676f732f6d61737465722f7372632f6f706572612f6f706572615f34387834382e706e67) |
Latest ✔ |
Latest ✔ |
Latest ✔ |
9+ ✔ |
9.1+ ✔ |
Latest ✔ |
$ npm i
$ npm run dev
$ npm test
Copyright (c) 2018-present, limichange
Licensed under the MIT