vue接入扫码枪

最新推荐文章于 2024-04-30 13:38:25 发布

JessicaLilyAn

最新推荐文章于 2024-04-30 13:38:25 发布

阅读量108

点赞数 1

分类专栏： util 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/ljy_1024/article/details/137460254

版权

util 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<input
            type="text"
            v-model="scanSkuQiang.scanInput"
            placeholder="请在此处使用扫码枪扫描设备二维码"
            ref="scannerInputRef"
            onChange="scanValueChange"
            @focus="scanValueChange"
            @blur="scanValueChange"
            @keydown="getKeyData"
          />

getKeyData (event) {
      let code = event.target.value.trim()
      if (event.keyCode == 13 || event.key == 'Enter') {
        // 扫码枪扫描结束，获取输入的数据
        if (code) {
          if (JSON.parse(code).type == 'model') {
            state.modelNo = JSON.parse(code).No
          }
          if (JSON.parse(code).type == 'splint') {
            state.splintNo = JSON.parse(code).No
          }
          scannerInputRef.value.value = ''
        }
      }

    },
    scanValueChange (event) {
      let code = event.target.value.trim()
      if (code) {
        if (JSON.parse(code).type == 'model') {
          state.modelNo = JSON.parse(code).No
        }
        if (JSON.parse(code).type == 'splint') {
          state.splintNo = JSON.parse(code).No
        }
        scannerInputRef.value.value = ''
      }

    },