# password-keyboard

> ```vue npm install --save password-keyboard ```

Latest version **0.1.8** (published 2021-07-07) · 0 weekly downloads

## Install

```sh
npm install password-keyboard
pnpm add password-keyboard
yarn add password-keyboard
bun add password-keyboard
```

## Health

**Score 10/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.8 |
| Published | 2021-07-07 |
| First published | 2020-05-31 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 14.8 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | flydream |
| Keywords | password, passwordInput, passwordKeybord |

## Links

- npm: https://www.npmjs.com/package/password-keyboard
- npm.io page: https://npm.io/package/password-keyboard

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.6.11
- [core-js](https://npm.io/package/core-js.md) ^3.6.5

## Recent versions

- 0.1.8 (latest) — 2021-07-07
- 0.1.7 — 2020-05-31
- 0.1.6 — 2020-05-31
- 0.1.5 — 2020-05-31

## README

### 适用于vue的移动端密码输入框插件

#### 安装

```vue
npm install --save password-keyboard 
```

#### 使用

```javascript
import passwordKeyboard from 'password-keyboard'
components:{
    passwordKeyboard
}
```

#### props

属性 | 类型|是否必填 |  默认值  
-|-|-|-
show | Boolean | 是 |false
tradeAmount | String，Number | 否 |无，不传时不显示
title | String | 否 |无，不传时不显示
passLength|Number|否|6
mask|Boolean|否|true


#### 方法

```javascript
//输入完成后触发，（输入长度为密码长度时完成）
@complet
```

#### 示例

```vue
<template>
  <div id="app">
    <button @click="showHandler">显示密码框</button>
    <passwordKeyboard @complet="completHandler" :show="show">			     </passwordKeyboard>
  </div>
</template>

<script>
import passwordKeyboard from 'vue-password-keyboard'
export default {
  name: 'App',
  components: {
    passwordKeybord
  },
  data() {
    return {
      show: false,
      isHave: null
    }
  },
  mounted() {},
  methods: {
    showHandler() {
      this.show = true
    },
    completHandler(pass) {
      this.show = false
    }
  }
}
</script>
```
### 在线预览
[https://password-keybord-beryl.vercel.app](https://password-keybord-beryl.vercel.app)

### 源码地址

[https://github.com/flyingTodream/password-keybord.git](https://github.com/flyingTodream/password-keybord.git)

---
_Source: https://npm.io/package/password-keyboard · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._