linweiwei123 / vue-pay-password

vue pay password component

Home Page:https://codesandbox.io/s/53r20qn9yk

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Chrome Firefox Edge IE Safari Opera
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

About

vue pay password component

https://codesandbox.io/s/53r20qn9yk

License:MIT License


Languages

Language:Vue 78.1%Language:JavaScript 21.9%