# jx-vue2-keyboard

> A Vue.js project,vue-keyboard,vuejs,vue

Latest version **1.0.1** (published 2022-11-11) · 0 weekly downloads

## Install

```sh
npm install jx-vue2-keyboard
pnpm add jx-vue2-keyboard
yarn add jx-vue2-keyboard
bun add jx-vue2-keyboard
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2022-11-11 |
| First published | 2022-11-10 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 6.0.0 |
| Dependencies | 2 |
| Unpacked size | 15 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | bingo1992 |
| Maintainers | bingo1992 |
| Keywords | keyboard, vue2 |

## Links

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

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.2
- [jx-vue2-toast](https://npm.io/package/jx-vue2-toast.md) ^1.1.0

## Recent versions

- 1.0.1 (latest) — 2022-11-11
- 1.0.0 — 2022-11-10

## README

## 介绍 
基于vue2.0的数字键盘组件

## 组件使用

>安装
```bash
npm install jx-vue2-keyboard --save
```
 
>使用 
```html
<template>
  <div id="app">
    <keyboard 
    :show="showKeyBoard"
    title="请输入数字"
    :decimalsLen="3"
    btnColor="#F23838"
    @getVal="getKeyBoardVal"
    @close="showKeyBoard=false" 
		></keyboard>
  </div>
</template>
 <script>
 import keyboard from 'jx-vue2-keyboard'; 
 export default {
  name: 'App', 
  data() {
    return {
      showKeyBoard: false,
      amount: ''
    }
  },
  components: {
    keyboard
  },
  methods: {
    getKeyBoardVal(val) {
      this.showKeyBoard = true; 
      this.amount = val;
    } 
  } 
 }
 </script>
 ```
 >属性配置说明
 ```
show  是否显示键盘；
title 键盘标题；
decimalsLen 数字最大位小数；
btnColor 确定按钮颜色；
@getVal 获取输入的值；
@close 关闭键盘

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