input輸入框，掃碼槍觸發(fā) enter事件，多次快速掃描 第二次字符會丟失

修改之前代碼：

在接口返回過來值之后，將input框值清空掉

這樣寫用鍵盤enter鍵快速觸發(fā)多次，也不會有任何問題，但是使用掃碼槍快速掃描，字符就會出現(xiàn)丟失現(xiàn)象

修改后代碼：

賦完值后，就清空掉。

因為由于服務(wù)器運行過慢，接口返回結(jié)果需要時間，如果按照之前的思路，接口返回過來值之后，再清空輸入框，這時，掃碼槍多次掃描，就會有問題。

正確代碼：

getInput() {this.queryParams = {code: this.barcode,name: this.pageOrderName,};this.barcode = "";operatePos(this.queryParams).then((res) => {this.name = "";if (res.code == 0) {// 開啟自動播放this.audio.autoplay = true;this.audio.src = this.successUrl;this.sonList = res.data;this.resSize = this.sonList.platsize;this.$infoMsg.showInfoMsg(res.msg, this);} else {// 開啟自動播放this.audio.autoplay = true;this.audio.src = this.errorUrl;this.$infoMsg.showErrorMsg(res.msg, this);}});},

總結(jié)

以上是生活随笔為你收集整理的Vue+Element ui input输入框，扫码枪触发 enter事件，多次快速扫描会出现字符丢失的问题（已解决）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。