password-virtual-keyboard-vue

password-virtual-keyboard-vue

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

v1.0.x 版本说明
  1.0.5 *修复部分bug，对样式细节进行了完善，添加自定义密码长度功能

  1.0.4 *简单的进行键盘模拟，支持changeInputValue(触发键盘按键时)与complete(点击完成按钮时)回调

组件技术栈

JavaScript、Vuejs

使用教程

使用终端安装

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" :inputNum="6"></Keyboard>
  </div>
</template>

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