标签：需要 length nload string 执行函数 onload ++ for 条形码
扫码枪是模拟键盘输入的，所有事件为document.onkeypress = function(){}.
在vue项目中，是没有window.onload的，所以在created钩子函数中做：
var b = ""; var _this = this; document.onkeydown = function() { if (event.keyCode != 13) { var bizCode = String.fromCharCode(event.keyCode); if (event.keyCode >= 48 && event.keyCode <= 122) { b = b + bizCode; } } else { b = ""; } _this.msg = b; };
在document.onkeydown中获取了条码的值，此时的值是，6，65，657，6579，65794，657943，6579435...按照按键依次展示出来的。
如果需要条码值与页面中其他值一起做数据处理，则需要监听；
在watch中，需要了解一下immediate和handler.如果在最初绑定某值时就需要执行函数，就需要用到immediate属性。
1 watch:{ 2 msg:{ 3 handler(oldValue, newValue){ 4 //由于此时扫描出的值是一个字符一个字符累加的，所有用一个数组装起来。 5 var arry = [] 6 arry.push(this.msg) 7 for(var i = 0; i < arry.length; i++){ 8 //...做判断，调接口什么的，随业务逻辑写了 9 } 10 } 11 }, 12 immediate: true 13 }
还有一点，就是多次扫码会产生叠加，在document.onkeydown的最下方将msg清空即可。
标签：需要 length nload string 执行函数 onload ++ for 条形码
原文地址：https://www.cnblogs.com/lesliejavascript/p/11459745.html
