vue对接扫码枪（vue）
vue对接扫码枪因为公司的需求，需要接入扫码枪进入系统，所以有了这篇文章，我这边框架用的是是element ui的。首先得解决怎么去触发提交到后台的问题，扫码枪只能扫描出条形码的内容，类似于触发键盘输入的效果，但是和普通的键盘输入又所区别的是，扫码枪每次扫描完之后，是会有一个回车的效果，所以我观察到element ui的表单里当只有一个intput输入框的时候，他是能够触发自动提交的事件的。于是就
·
vue对接扫码枪
因为公司的需求，需要接入扫码枪进入系统，所以有了这篇文章，我这边框架用的是是element ui的。
首先得解决怎么去触发提交到后台的问题，扫码枪只能扫描出条形码的内容，类似于触发键盘输入的效果，但是和普通的键盘输入又所区别的是，扫码枪每次扫描完之后，是会有一个回车的效果，所以我观察到element ui的表单里当只有一个intput输入框的时候，他是能够触发自动提交的事件的。
于是就有了一下代码
但是为了方便，我们需要能够让input输入框能够自动聚焦，可以实现连续的处理扫码，很方便的是，element ui里input里面已经有focus方法了，我们可以在input输入框里设置ref然后通过ref进行调用focus方法就可以了，我选择了将方法挂在了created里面，这样就能实现刚进入的时候让input输入框获得焦点。废话不多说，直接上代码。
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
9
0- 0
已为社区贡献2条内容
所有评论(0)