uniapp 开发笔记

1.扫码枪扫码后,输入框内容一直叠加。

比如:第一次扫码(0000),输入框内容是0000,第二次扫码(1111),输入框内容是00001111。

其实这个跟扫码枪的配置有关。难为我们开发小伙伴了,搞了半天一直在调试代码。。。

解决方案:PDA桌面上有个按钮:扫描设置,打开并输入密码:654321(我自己设置的密码)。找到“扫描结果发送模式”选项,点击进去,然后手划到最下面,选中“清除输入框数据”即可。

另外,PDA,开发者选项开启时使用的密码:0016149(我自己设置的密码)。特此记录下来。

2.输入框获取焦点,阻止系统键盘弹出。

只要在<input>文本框的click事件添加uni.hideKeyboard();就行了。

我的项目是uniapp + vue。写法是这样的:

<u-form-item label="扫描箱码" label-width="180" :label-style="labelStyle" class="form-items"
    :border-bottom="false">
    <view class="form-item-view">
        <u-input type="text" v-model="dataForm.boxCode" maxlength="50" :border="false" @click="hideKeyboard"
            class="form-item-view-input" placeholder-style="line-height:70rpx;color:#c0c4cc"
            placeholder="请扫描箱码" />
        <u-icon @click="goScan" name="scan" size="40" color="#CCCCCC">
        </u-icon>
    </view>
</u-form-item>

methods里面添加方法:

// 隐藏软键盘
hideKeyboard() {
    uni.hideKeyboard();
}

在clikc函数中调用取消键盘到达键盘隐藏的作用,而不是在focus函数中。

以下内容抄自互联网:
有个坑是 在h5中 顺序 focus->click
但是在android的顺序是 click->focus

 

posted @ 2022-03-12 09:52  屌丝大叔的笔记  阅读(607)  评论(0编辑  收藏  举报