更新记录

1.0.0（2024-03-12）

• 第一版

平台兼容性

x-code-input

在插件市场，找了两个类似的插件，看到评论区，各种删除不了的小问题；自己写了版本

uniapp 验证码/密码输入框

• 支持vue2,vue3；支持h5,app安卓（亲测可用）；其他小程序未测，估计问题不大；
• 设置焦点，自动唤醒系统键盘，记得使用延迟执行！
• 一些细节的UI样式，圆角，字体大小，输入框的小竖杠；请直接改源码即可

属性说明

• this.$refs.xcodeinputRef.clear();清空并获取焦点

完整示例

<template>
    <view class="demo">
        <xcodeinput ref="xcodeinputRef" :width="99" :height="99" backgroundColor="#F6F6F6" bold showVal :length="4"
            @confirm="inputConfirm" />
    </view>
</template>

<script>
    import xcodeinput from "@/uni_modules/x-code-input/components/x-code-input/x-code-input.vue";

    export default {
        components: {
            xcodeinput,
        },
        data() {
            return {};
        },
        methods: {
            inputConfirm(value) {
                console.log(value);
            },
            onConfirm() {
                setTimeout(() => {
                    // 清空并获取焦点；若使用vue3 setup语法，ref方法有所改变；
                    // 安卓手机多次点击，偶尔会弹不出来输入法；所以这个地方使用一个延迟执行！！！
                    this.$refs.xcodeinputRef.clear();
                }, 222);
            }
        },
    };
</script>