1.0.1 • Published 7 years ago
vue-keyboards v1.0.1
vue-keyboards
- 一个基于Vue的移动端虚拟键盘插件
 - 支持身份证、手机号、整数、小数多类型输入
 
demo演示

安装
npm i -S vue-keyboards使用
// ES6
import vueKeyboards from 'vue-keyboards.js'
// require
var vueKeyboards = require('vue-keyboards.js')
Vue.use(vueKeyboards)
// 或者直接使用script导入
<script src="./node_modules/vue/dist/vue-keyboards.js"></script>
// 作为组件的方式使用
<vue-keyboards></vue-keyboards>配置
   <vue-keyboards 
   :isShow='isKeyboardShow' 
   type="idcard" 
   @onHide="onHide" 
   :value.sync="result">
   </vue-keyboards>methods:{
    focus() {
      this.isKeyboardShow = true
    },
    onHide(val) {
      this.isKeyboardShow = false
    }
}Props
| name | Description | type | default | 
|---|---|---|---|
| isShow | 显示键盘 | Boolean | false | 
| type | 键盘类型(decimals 、 int 、 phone 、 idcard) | String | decimals | 
| value | 得到的数值 | String | '' | 
Events
| name | Description | 
|---|---|
| onHide | 关闭键盘 |