VUE扫码枪js代码

注意:

this.kdnum = code 和 this.readingData(code) 是我自己的方法,请根据自己需求设置
跳过特殊字段我设置为shift跳过,请根据自己需求设置
因为我用的扫码枪最后会有一个回车所以在最后是以回车为条件,请根据自己需求设置
vue中使用时我在 created 生命周期中使用

    //页面加载完执行事件window.onload = (e) => {  //vue中 这里为created生命周期var code = "";var lastTime, nextTime;var lastCode, nextCode;//用户按下按键执行document.onkeydown = (e) => {// 保存按键码nextCode = e.which;// 设置跳过的特殊字段if (nextCode == 16) {return}//保存按键时间nextTime = new Date().getTime();// 如果按键码不为空 且 上一次按键码也不为空 且 两次按键激活时间小等于30毫秒 且不为特殊值if (lastCode != null && lastTime != null && nextTime - lastTime <= 30) {// code值加上当前按下的值并保存code += lastCode;console.log(lastCode);// 如果两次按键激活时间大于100毫秒} else if (lastCode != null && lastTime != null && nextTime - lastTime > 100) {// 清除code值code = "";}// 保存这次按键码lastCode = e.key;// 保存这次按键时间lastTime = nextTime;//如果用户按下回车if (e.which == 13) {// 如果当前保存的值大于2位if (code.length < 2) {//手动输入的时间不会让code的长度大于2，所以这里只会对扫码枪有效//返回falsereturn false;}this.kdnum = code //要更改的值变成扫码枪的值 this.queryCondition.kdnum可以改成需要更改的值this.readingData(code) //我自己的方法code = ""; //清空值}}}}

VUE扫码枪js代码相关推荐

创建vue项目(二)引入elementUi、axios、准备静态资源、封装组件（.vue，js代码等）
下载安装node -> vue-cli -> 配置路由 -> 引入elementUi -> 公共组件一.引入elementUi 顺便一提axios使用说明和axios在vu ...
vue写js代码_vue.js弹出式音乐播放器特效代码
码农那点事儿关注我们,一起学习进步 vue弹出式音乐播放器是一款基于vue.js实现的点击弹出式音乐播放器代码特效,点击图片即可弹出播放界面大图,可切换列表模式,上一首下一首音乐切换等功能. 下载源 ...
vue main.js中引入js_手把手教你深入Vue3.0(Vue-cli4)项目打包性能优化实践
记录了自己的博客在禁用缓存的情况下,从八九秒加载时间到最终985ms的优化实践,开启缓存的情况下能达到138ms的访问速度本人的个人博客采用的是Vue-cli4.1.2 + typescript构建 ...
原生遍历_前端原生写js代码还是用vue等框架写项目？
其实对于初入前端的同学来说,我个人推荐写原生.因为扎实的js基础是通过写原生代码逐步理解js的数据类型,语法,闭包,原型链,继承等知识,只有在项目中主动应用这些js的基本知识,才能逐步提高你的编码能力 ...
【WebPack】引入Vue；认识Plugin；使用uglifyjs丑化JS代码；搭建本地服务器；生产开发环境配置文件的抽离
Vue实战 - 配套源码 npm install --save-dev vue-loader vue-template-compiler 可能会报错如下: 以上报错解决方式:修改版本^13.0.0,然 ...
vue项目一行js代码搞定点击图片放大缩小
一行js代码搞定xue项目需要点击图片放大缩小,其实主要用的是用到了vue:class的动态切换,内容比较简单.一开始我把维护的需求想得太复杂了,和测试小姐姐聊了一下才反应过来. 两个月不到跟了四个项 ...
vue webpack压缩代码_webpack不混淆、不压缩指定js文件
在项目中使用了mozilla/pdf.js,在使用中需要设置GlobalWorkerOptions.workerSrc,代码如下 import PDFJS from 'pdfjs-dist' impo ...
在vue.config.js中配置uglifyjs-webpack-plugin压缩代码
如果vue项目打完包,js文件夹里面只有一个app.js的话,就会在首页加载所有的js代码.如果需要分包打包的话,可以执行以下代码,这样的话每个页面就只会加载对应的js文件,减少首页的负担 1.安装代 ...
vue webpack压缩代码_vue.js - 解决vue-cli打包后自动压缩代码
当我们用vue脚手架做完项目后,npm run build打包之后, 有没有查看源码,全是压缩好的.但是我就不想让它压缩,该怎么办呢? 困惑了几天,查了各种资料.终于终于... 来,上干货: 首先,我 ...

VUE扫码枪js代码

VUE扫码枪js代码相关推荐

最新文章

热门文章