# vue-special-input

> vue组件,移动端使用,数字输入,小数输入,身份证输入,仿照微信小程序输入键盘

Latest version **0.0.7** (published 2019-12-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-special-input
pnpm add vue-special-input
yarn add vue-special-input
bun add vue-special-input
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.7 |
| Published | 2019-12-19 |
| First published | 2019-12-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 389.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | xjpeng |
| Maintainers | xjpeng |
| Keywords | vue-input, input |

## Links

- npm: https://www.npmjs.com/package/vue-special-input
- Repository: git@gitee.com:xianjianpeng/vue-special-input
- Homepage: https://gitee.com/xianjianpeng/vue-special-input
- npm.io page: https://npm.io/package/vue-special-input

## Recent versions

- 0.0.7 (latest) — 2019-12-19
- 0.0.5 — 2019-12-18
- 0.0.3 — 2019-12-18
- 0.0.2 — 2019-12-18
- 1.0.0 — 2019-12-18

## README

# vue-special-input
vue组件,移动端使用,数字输入,小数输入,身份证输入,仿照微信小程序输入键盘

![DEMO](http://xianjianpeng.gitee.io/vue-special-input/demo.gif)

## 体验
![二维码](http://xianjianpeng.gitee.io/vue-special-input/qrcode.png)

## 安装
```
npm i vue-special-input 
//或者
yarn add vue-special-input
```

## 使用
```
<script>
import VueSpecialInput,{isIdCard} from 'vue-special-input';

export default {
  data () {
    return {
      val:'',
    }
  },
  methods:{
    update(value,token){
	     if(token) this[token] = value;
	  }
  },
  components:{
    VueSpecialInput
  }
}
</script>

<template>
<VueSpecialInput :config="{type:'digit',value:val}" @update="update"></VueSpecialInput>
</template>
```
## 参数

config可选
```
  config = {
    type:'number',  // 'number','digit','idcard'  默认'number'
    maxlength:10,   //最大长度,默认10,type为身份证时,自动设置为18
    value:'',      //默认值
    token:'',      //原样返回
    classname:'',   //覆盖输入框样式 ,强制覆盖 样式里面使用 !important
    placeholder:'请输入数字'  //自定义placeholder
  }
```

## 事件

update(value,token)
```
value //返回输入结果
token //如果config对象配置了token,将返回config.token,或者返回''

```

## 函数

isIdCard(str) 
```
return false // 无效的身份证号码
return Object //有效身份证 object={birthday:'xxx',gender:0|1}  0女性,1男性

```

## 开发
```
npm install

npm run dev

npm run build
```

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