蓝牙扫描枪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. java gettext_JAVA中getText()怎么从一个JTextArea中读出内容?
  2. 解决linux服务器掉包问题
  3. WCFAppFabric :异常消息: 内存入口检查失败
  4. 我们应该使用什么指标来描述数据中心及其效率?
  5. 【转】Java程序员常用工具类库 - 目录
  6. 技术人员是如何分析游戏环境的? 《影之诗》牌组趋势分析
  7. Kafka 3.0重磅发布,都更新了些啥?
  8. Android 集成微信分享2,实现微信分享
  9. 【C++ 程序】 解线性方程组(Cramer法则)(分数形式结果)
  10. PropertyUtils.copyProperties复制对象失败
  11. PIC单片机应用开发实践教程(二): 新建工程
  12. 从零开始学习CTF——CTF是什么
  13. echarts设置地图大小比例,大小设置
  14. 【Oracle】批量造测试数据
  15. SpringBoot06-Dubbo和Zookper集成
  16. linux 修改 bcast,Linux Ubuntu下IP的查看和修改
  17. vscode 过程试图写入的管道不存在
  18. 计算机的扩展模式,Win7双屏复制/双屏扩展设置教程
  19. ElasticSearch中文分词,看这一篇就够了
  20. Visual C++中的AFX前缀

热门文章

  1. 互相关函数的频域计算
  2. 光纤收发器的原理及应用_光纤收发器的工作原理及使用方法介绍
  3. PR剪辑教学之电影混剪案例
  4. mysql索引升序降序失效原因_关于联合索引的升序降序和order by关系以及失效问题...
  5. can总线不加末端电阻_细说汽车电子通信总线之CAN 2.0 总线协议详解
  6. SQL 中去重的三种方法
  7. 看,这是我们领导说的
  8. javascript Promise使用与小结
  9. Geometry 曲面细分和曲面简化
  10. 调用uniswap在测试网Rinkeby上发起签名交易(批量钱包地址生成)