蓝牙扫描枪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输入的方式——基础积累相关推荐

  1. 蓝牙扫描枪直连蓝牙打印机

    蓝牙扫描枪直连蓝牙打印机,全新的仓库.物流管理新方案,简单高效,无需电脑,即可扫码打印标签,条码可以根据自己需要重新生成,标签内容可以自定义排版. 蓝牙连接扫描枪打印演示视频地址:https://v. ...

  2. iOS 蓝牙扫描枪扫描内容不正确

    背景 在移动设备上,使用蓝牙扫描枪,相当于接入了一下外接键盘.我们的客户使用我们的App,并连接蓝牙扫码枪,将扫描的内容传输到我们的App中,App再做出对应的响应,举个例子,较为常见的应用场景就是, ...

  3. Android设备标准HID协议(外接输入设备)接入蓝牙扫描枪的各种坑与解决办法

    因工作需要最近在做一款蓝牙条码.二维码扫描器枪支持Android设备(执行标准HID协议)的外接输入设备,在开发过程中遇到一些问题,在此记录下来,以便供大家借鉴学习,希望有类似需求的同行少走些弯路.好 ...

  4. Android 蓝牙扫描枪连接状态变化(连接、断开)界面实屏幕会实时刷新重构一次

    场景:Android设备连接蓝牙扫描枪,扫描条形码,获取扫描内容,进行支付,支付成功后到达成功界面,在onCreate()方法中初始化打印小票. 问题:停留在支付成功界面,蓝牙状态发生变化(断开--连 ...

  5. android设备连接蓝牙扫描枪获取数据

    第一步,开启连接 首先要开启蓝牙并且找到蓝牙扫描枪连接,在自己的应用中添加权限 <uses-permission android:name="android.permission.BL ...

  6. WP8.1系统不支持蓝牙扫描枪?

    折腾好久发现WP8.1系统是不支持蓝牙扫描枪的,除非OEM商确认启用它,否则Windows Phone 8.1手机将不支持HID协议. 早前一些流出的SDK发现Windows Phone (code- ...

  7. Android连接、断开蓝牙扫描枪时屏幕刷新

    场景:使用蓝牙扫描枪连接安卓设备,用于扫描条码. 问题:连接和断开扫描枪时,屏幕都会刷新,造成临时加载的数据丢失. 原因: 扫描枪连接时是将其作为物理输入设备,即物理键盘,而安卓在改变屏幕方向.弹出隐 ...

  8. Symbol LS4278扫描枪的蓝牙配对指南

    按照Symbol LS4278扫描枪原配快速入门指南的方法, 尝试HID或SPP方式与安卓平板,未能如愿. 看有网友说LI4278是LS4278扫描枪的升级版, 就试着按LI4278的配对指南用HID ...

  9. Vue双向数据绑定 ~ 非常详细哦

    Vue的双向数据绑定可以帮助我们更好的实现底层数据与页面数据的交互. 下面是对Vue的双向数据绑定的具体整理,希望可以帮助到有需要的小伙伴~ 双向数据绑定 什么是双向数据绑定 实现交互 用户在页面中改 ...

最新文章

  1. 这个逆袭的新同事,也太牛逼了
  2. 用python解“然后是几点”问题
  3. 如何让带有批注等修改痕迹的word文档编程“正规”文档?
  4. 判断机器学习算法或深度学习算法优势常考虑的点
  5. taskspawn函数 linux,vxworks的启动任务taskSpawn
  6. 测试用例的测试编号是自己定义的还是别人给的_初级软件测试工程师必须掌握的东西...
  7. python 提取最小外接矩形_python给人脸带上口罩(简单版)
  8. Android常用组件,太全了
  9. 安装 Maxwell
  10. C语言自学笔记(10)
  11. google 图片搜索API
  12. kafka在rack间平衡replica
  13. ACM模板-f_zyj.pdf
  14. c语言中scanf(“%d %d\n“)的问题
  15. backtracking及其应用
  16. 演示笔记本电脑如何一键安装win10系统
  17. java-php-python-ssm-软件工程在线学习平台-计算机毕业设计
  18. NTLM协议中都存在那些漏洞
  19. verilog实现分频器总结
  20. android php 长链接,Android,webview_安卓的webView的loadUrl打不开,太长的url超链接,求解,Android,webview - phpStudy...

热门文章

  1. 京东又有AI科学家加盟:加拿大大数据教授裴健入职,向刘强东汇报
  2. 浅谈139/445与入侵2K主机
  3. 浅谈LCA的几种算法
  4. 地大c语言课程设计题目,中国地质大学数据结构课设-全国铁路运输网最佳经由问题课程设计报告精选.doc...
  5. 游戏引擎mota-js-v3.0 施工记录
  6. unity发布ios高通AR的问题
  7. 34岁Java程序员裸辞,mysql实战45讲丁奇资源
  8. protel DXP软件应用技巧
  9. 微信公众号编辑器排名
  10. Python 将英语单词列表,转换为听写使用的MP3格式(每个单词朗读两遍)