uniapp 开发笔记

Posted 2022-03-12 屌丝大叔的笔记

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