vue对接扫码枪（vue）

vue对接扫码枪

因为公司的需求，需要接入扫码枪进入系统，所以有了这篇文章，我这边框架用的是是element ui的。
首先得解决怎么去触发提交到后台的问题，扫码枪只能扫描出条形码的内容，类似于触发键盘输入的效果，但是和普通的键盘输入又所区别的是，扫码枪每次扫描完之后，是会有一个回车的效果，所以我观察到element ui的表单里当只有一个intput输入框的时候，他是能够触发自动提交的事件的。

于是就有了一下代码

但是为了方便，我们需要能够让input输入框能够自动聚焦，可以实现连续的处理扫码，很方便的是，element ui里input里面已经有focus方法了，我们可以在input输入框里设置ref然后通过ref进行调用focus方法就可以了，我选择了将方法挂在了created里面，这样就能实现刚进入的时候让input输入框获得焦点。废话不多说，直接上代码。

vue对接扫码枪（vue）相关推荐

Vue对接Spring Security
Vue对接Spring Security: 使用axios进行登录,一直无法登录,提示用户名密码错误,但是用PostMan测试正常,代码如下: axios.post("api/login&q ...
Vue对接支付宝沙箱环境
文章目录前言一.支付宝沙箱环境是什么? 二.安装所需要的环境 1.引入环境以及工具 2.安装Express框架 3.对接支付宝沙箱环境总结前言此文章仅供学习参考,这里我们对接的环境是Vue. ...
vue对接汉王ESP1020E签批屏
1.安装驱动程序 2.使用 2-1.新建vue.config.js // vue.config.js const path = require('path') const resolve = (dir ...
html用vue传递数据,Vue组件及数据传递详解
本文我们就和大家详细介绍一下Vue系列(三):组件及数据传递.路由.单文件组件.vue-cli脚手架,希望能帮助到大家. 一. 组件component 1. 什么是组件?组件(Component)是 ...
Vue：利用Vue生成的网页，在浏览器中的标签页中的图标与标题怎么修改为自己的？
Vue:利用Vue生成的网页,在浏览器中的标签页中的图标与标题怎么修改为自己的? 在解决这个问题的时候,在网上搜到了许多答案,可以说是众说纷纭,作者结合了多个答案,最后解决了这个问题,下面把用到的资源 ...
vue filter对象_学习vue源码（3）手写Vue.directive、Vue.filter、Vue.component方法
一.Vue.directive Vue.directive(id,[definition]); 1)参数 { string } id{ Function | Object } [ definition ...
vue教程2-03 vue计算属性的使用 computed
vue教程2-03 vue计算属性的使用 computed computed:{b:function(){ //默认调用getreturn 值}}--------------------------c ...
go html vue,用Go+Vue.js快速搭建一个Web应用(初级demo)
Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文给大家介绍用Go+Vue.js快速搭建一个Web应用(初级demo). 环境准备: 1. 安装go语言,配置go开 ...
Vue.js(一) Vue.js + element-ui 扫盲
Vue.js(一) Vue.js + element-ui 扫盲 2018年12月09日 20:32:59 vbirdbest 阅读数 7043更多分类专栏: Vue.js + ElementUI ...

vue对接扫码枪（vue）

vue对接扫码枪

vue对接扫码枪（vue）相关推荐

最新文章

热门文章