扫码枪读取条形码数据（vue）

扫码枪是模拟键盘输入的，所有事件为document.onkeypress = function(){}.

在vue项目中，是没有window.onload的，所以在created钩子函数中做：

var b = "";
    var _this = this;
    document.onkeydown = function() {
      if (event.keyCode != ) {
        var bizCode = String.fromCharCode(event.keyCode);
        if (event.keyCode >=  && event.keyCode <= ) {
          b = b + bizCode;
        }
      } else {
        b = "";
      }
      _this.msg = b;
    };

在document.onkeydown中获取了条码的值，此时的值是，6，65，657，6579，65794，657943，6579435...按照按键依次展示出来的。

如果需要条码值与页面中其他值一起做数据处理，则需要监听；

在watch中，需要了解一下immediate和handler.如果在最初绑定某值时就需要执行函数，就需要用到immediate属性。

 watch:{
   msg:{
   handler(oldValue, newValue){
     //由于此时扫描出的值是一个字符一个字符累加的，所有用一个数组装起来。
 var arry = []
 arry.push(this.msg)
 for(var i = ; i < arry.length; i++){
   //...做判断，调接口什么的，随业务逻辑写了
 }
 }
 },
 immediate: true
 }

还有一点，就是多次扫码会产生叠加，在document.onkeydown的最下方将msg清空即可。