mobile-keyboard-vue3

适用于 Vue3.x 版本的自定义移动端键盘输入，支持输入整数、浮点数、手机号、身份证号四种模式

示例

<template>
  <p @click="show = !show">{{ inputValue }}</p>
  <keyboard v-model="inputValue" type="decimal" v-model:show="show"></keyboard>
</template>
<script setup>
import keyboard from './components/keyboard.vue'
import {ref} from "vue"

const inputValue = ref('123')
const show = ref(false)
</script>
<style>
html, body {
  margin: 0;
  padding: 0;
}
</style>

属性

Property	Type	Default	Description
type	String	decimal	键盘类型：decimal 小数，integer 整数，phone 手机号，card 身份证
value/v-model	String	chinese	默认输入字符串

预览图