扫码枪向element Input组件输入效率慢的问题

今日在完善一个收银系统。

添加商品有两种途径:

1.收银员点击商品--->商品添加活动--->计算金额--->渲染页面

2.扫码枪扫描条形码--->输入框输入条形码--->数据库查询对应商品--->商品添加活动--->计算金额--->渲染页面

出现的问题:

收银员点击商品方式添加,效率挺不错,但是一到扫码枪就会有差不多3000ms的延迟,因为添加活动,以及计算金额的方法都是相同的方法,所以初步判断,效率慢的问题出现在 扫码枪向输入框输入  或者   数据库查询商品    这两步上。

经过调试,问题最终确定,效率慢的问题在于  扫码枪向输入框输入   的环节

最终解决方案:

将element组件Input换成原生的input框

--->

<input type="text" placeholder="扫条码/无码商品直接输价格"  v-model.lazy="codeNumber"  @keyup.enter="codeGun()" />

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容