今日在完善一个收银系统。
添加商品有两种途径:
1.收银员点击商品--->商品添加活动--->计算金额--->渲染页面
2.扫码枪扫描条形码--->输入框输入条形码--->数据库查询对应商品--->商品添加活动--->计算金额--->渲染页面
出现的问题:
收银员点击商品方式添加,效率挺不错,但是一到扫码枪就会有差不多3000ms的延迟,因为添加活动,以及计算金额的方法都是相同的方法,所以初步判断,效率慢的问题出现在 扫码枪向输入框输入 或者 数据库查询商品 这两步上。
经过调试,问题最终确定,效率慢的问题在于 扫码枪向输入框输入 的环节
最终解决方案:
将element组件Input换成原生的input框
--->
<input type="text" placeholder="扫条码/无码商品直接输价格" v-model.lazy="codeNumber" @keyup.enter="codeGun()" />