password-virtual-keyboard-vue

password-virtual-keyboard-vue

本组件是在闲暇之余随便写的一个简单的密码模拟键盘，支持数字、特殊字符、字母大小写，同时目前还未正式完善，因此在有时间的情况下会进行补充完善

v1.0.x 版本说明
 *简单的进行键盘模拟，支持changeInputValue(触发键盘按键时)与complete(点击完成按钮时)回调

软件架构

JavaScript、Vuejs

使用教程

cmd下

npm install password-virtual-keyboard-vue  

vue/main.js

import keyboard from 'password-virtual-keyboard-vue'

Vue.use(keyboard)

具体的页面中

<template>
  <div id="app">
    <Keyboard @complete="getResult" @changeInputValue="changeValue"></Keyboard>
  </div>
</template>

<script>
export default {
  name: 'App',
  methods:{
    getResult(e){
      console.log(e)
    },
    changeValue(e){
      console.log(e)
    }
  }
}
</script>