vue项目中扫码枪收款

扫码枪会将扫到的数据带入到获取焦点的输入框中,并且触发输入框的enter回车事件

1.页面上要有一个输入框,并且是获取焦点状态,当然它是隐藏的看不到,我是把宽高设置为0,然后加上回车事件。

      <el-input ref="barCodeInput" v-model="barCode" size="small" @keyup.enter.native="payCode"></el-input>

2.获取焦点的方法

Vue.nextTick(() => {
    this.$refs["barCodeInput"].focus();
});

3.执行回车事件

payCode(){
     //这里进行扫码枪扫码后的操作,调后台接口      
}

  

               
原文地址:https://www.cnblogs.com/samsara-yx/p/11540394.html