@yeepay/virtual-keyboard

Vue 2.6.14

Introduction

虚拟键盘组件

Installation

npm install @yeepay/virtual-keyboard

Usage

Global

import YeepayKeyboard from '@yeepay/virtual-keyboard'
import Vue from 'vue'
import '@yeepay/virtual-keyboard/dist/style.css'

Vue.use(YeepayKeyboard)

Local

<template>
  <div>
    <YeepayKeyboard
      style="width: 400px;"
      :max-length="12"
      algorithms="RSA2048"
      @confirm="handleConfirm"
    />
  </div>
</template>

import YeepayKeyboard from '@yeepay/virtual-keyboard'

export default {
  components: {
    YeepayKeyboard
  },
  data() {
    return {
      value: ''
    }
  },
  methods: {
    handleConfirm(value) {
      this.value = value
      // {raw: 'xxxxx'}
    }
  }
}

Options

参数	说明	类型	默认值
algorithms	键盘算法 'SM2', 'RSA2048'	string	'RSA2048'
max-length	最大输入长度	number	12