更新记录

1.0.3（2025-04-17） 下载此版本

优化代码

1.0.1（2025-04-16） 下载此版本

完善README.md文档

1.0.0（2025-04-15） 下载此版本

初次发布

平台兼容性

npm下载量：

欢迎使用 c-number-pad

安装

// npm安装方式，插件市场导入无需执行此命令。插件市场导入地址：https://ext.dcloud.net.cn/plugin?id=23049
npm install c-number-pad

使用方法

<template>
    <view class="box">
        当前键盘输入的值：{{ numberVal }}
        <c-number-pad
            v-model="numberVal"
            :show="show"
            @confirm="onConfirm"
        />
    </view>
</template>

<script>
    // 以下导入方式按照安装方式导入，二选一
    // 插件市场导入方法：无需引入，可直接使用
    import cNumberPad from "c-number-pad/components/c-number-pad/c-number-pad.vue";     // npm导入方法
    export default {
        // npm导入需要添加components，插件市场导入不需要
        components: {
            cNumberPad
        },
        data() {
            return {
                show: true,
                numberVal: ""
            }
        },
        methods: {
            onConfirm(e) {
                console.log("点击键盘确认键");
                console.log("当前键盘输入的值：", e);
                console.log("当前键盘输入的值：", this.numberVal);
            }
        }
    }
</script>

API

Props

Events