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