更新记录

1.1.4（2025-03-08） 下载此版本

v2新增disable属性支持禁用某些按钮

1.1.3（2025-02-26） 下载此版本

修改键盘布局 支持更多简称 【挂, 台, 临, 试】

1.1.2（2024-07-01） 下载此版本

1. 新增动画事件
2. 新增车牌号码最后一位新能源特殊样式
3. 处理当输入位数太短时 显示框异常的大
4. 处理震动反馈无效的问题
5. 修复删除异常

平台兼容性

xm-keyboard 介绍

xm-keyboard是一款虚拟键盘, 支持自定义拓展键盘内容。

插件已按照easycom处理, 支持直接使用

如何使用(v1.1.0使用说明)

xm-keyboard-v2

xm-keyboard-v2, 是对多个组件的聚合处理，也可以自行结合实现

<template>
    <view>
        <xm-cell special label="【v2】车牌号" :value="value" @show="showKeyboard('xmKeyboard')"></xm-cell>
        // 虚拟键盘载体
        <xm-keyboard-v2 ref="xmKeyboard" @confirm="(v) => value = v"></xm-keyboard-v2>
    </view>
</template>

<script>
    export default {
        data(){
            return {
                value: '京A11223'
            }
        },
        methods: {
            showKeyboard(ref){
                this.$refs[ref].toShow(this.value)
            },
        }
    }
</script>

属性说明

事件说明

xm-keyboard-box

键盘界面

<template>
    <view>
        <xm-keyboard-box></xm-keyboard-v2>
    </view>
</template>

<script>
    export default {

    }
</script>

属性说明

事件说明

xm-keyboard-input

键盘输入框界面

<template>
    <view>
        <xm-keyboard-input></xm-keyboard-input>
    </view>
</template>

<script>
    export default {

    }
</script>

属性说明

maxSize

事件说明

如何使用(v1.0.2使用说明)

<xm-keyboard :show="show"></xm-keyboard>

属性说明

事件说明

快速体验