`蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式`

最近在做apicloud的app，设备是一个华为平板，需要外接一个蓝牙扫描枪，通过扫描二维码获取二维码的内容，展示在输入框中。
由于蓝牙扫描传输比较慢，因此出现了下面的问题。

使用场景

有一个蓝牙扫描枪，扫描后渲染到input框中时，渲染的比较慢，扫描内容都是一个个的出现，而非一次性全部出现。
最后想到的办法就是使用原生的写法来实现功能。

原生写法书写input组件，并监听输入框的回车事件给组件赋值。

1.组件的写法

<input :value="actualBox" id="actualBox" ref="actualBox" placeholder="请扫描库位"/>

2.在data中定义`actualBox`参数

data(){return{actualBox:null}
}

3.给组件绑定回车事件

 $('#actualBox').bind('keydown',(event)=>{if(event.keyCode == "13") {console.log('回车');this.actualBox = event.target.value;}
});

完成！！！多多积累，多多收获！！！

蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式——基础积累相关推荐

蓝牙扫描枪直连蓝牙打印机
蓝牙扫描枪直连蓝牙打印机,全新的仓库.物流管理新方案,简单高效,无需电脑,即可扫码打印标签,条码可以根据自己需要重新生成,标签内容可以自定义排版. 蓝牙连接扫描枪打印演示视频地址:https://v. ...
iOS 蓝牙扫描枪扫描内容不正确
背景在移动设备上,使用蓝牙扫描枪,相当于接入了一下外接键盘.我们的客户使用我们的App,并连接蓝牙扫码枪,将扫描的内容传输到我们的App中,App再做出对应的响应,举个例子,较为常见的应用场景就是, ...
Android设备标准HID协议(外接输入设备)接入蓝牙扫描枪的各种坑与解决办法
因工作需要最近在做一款蓝牙条码.二维码扫描器枪支持Android设备(执行标准HID协议)的外接输入设备,在开发过程中遇到一些问题,在此记录下来,以便供大家借鉴学习,希望有类似需求的同行少走些弯路.好 ...
Android 蓝牙扫描枪连接状态变化(连接、断开)界面实屏幕会实时刷新重构一次
场景:Android设备连接蓝牙扫描枪,扫描条形码,获取扫描内容,进行支付,支付成功后到达成功界面,在onCreate()方法中初始化打印小票. 问题:停留在支付成功界面,蓝牙状态发生变化(断开--连 ...
android设备连接蓝牙扫描枪获取数据
第一步,开启连接首先要开启蓝牙并且找到蓝牙扫描枪连接,在自己的应用中添加权限 <uses-permission android:name="android.permission.BL ...
WP8.1系统不支持蓝牙扫描枪？
折腾好久发现WP8.1系统是不支持蓝牙扫描枪的,除非OEM商确认启用它,否则Windows Phone 8.1手机将不支持HID协议. 早前一些流出的SDK发现Windows Phone (code- ...
Android连接、断开蓝牙扫描枪时屏幕刷新
场景:使用蓝牙扫描枪连接安卓设备,用于扫描条码. 问题:连接和断开扫描枪时,屏幕都会刷新,造成临时加载的数据丢失. 原因: 扫描枪连接时是将其作为物理输入设备,即物理键盘,而安卓在改变屏幕方向.弹出隐 ...
Symbol LS4278扫描枪的蓝牙配对指南
按照Symbol LS4278扫描枪原配快速入门指南的方法, 尝试HID或SPP方式与安卓平板,未能如愿. 看有网友说LI4278是LS4278扫描枪的升级版, 就试着按LI4278的配对指南用HID ...
Vue双向数据绑定 ~ 非常详细哦
Vue的双向数据绑定可以帮助我们更好的实现底层数据与页面数据的交互. 下面是对Vue的双向数据绑定的具体整理,希望可以帮助到有需要的小伙伴~ 双向数据绑定什么是双向数据绑定实现交互用户在页面中改 ...

蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式——基础积累

`蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式`

使用场景

1.组件的写法

2.在data中定义`actualBox`参数

3.给组件绑定回车事件

蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式——基础积累相关推荐

最新文章

热门文章

蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式——基础积累

蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式

使用场景

1.组件的写法

2.在data中定义actualBox参数

3.给组件绑定回车事件

蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式——基础积累相关推荐

最新文章

热门文章

`蓝牙扫描枪v-model双向数据绑定缓慢，改为原生input输入的方式`

2.在data中定义`actualBox`参数