vue對接掃碼槍(vue)

2021-10-24 23:59:24 字數 550 閱讀 4246

因為公司的需求,需要接入掃碼槍進入系統,所以有了這篇文章,我這邊框架用的是是element ui的。

首先得解決怎麼去觸發提交到後台的問題,掃碼槍只能掃瞄出條形碼的內容,類似於觸發鍵盤輸入的效果,但是和普通的鍵盤輸入又所區別的是,掃碼槍每次掃瞄完之後,是會有乙個回車的效果,所以我觀察到element ui的表單裡當只有乙個intput輸入框的時候,他是能夠觸發自動提交的事件的。

於是就有了一下**

但是為了方便,我們需要能夠讓input輸入框能夠自動聚焦,可以實現連續的處理掃碼,很方便的是,element ui裡input裡面已經有focus方法了,我們可以在input輸入框裡設定ref然後通過ref進行呼叫focus方法就可以了,我選擇了將方法掛在了created裡面,這樣就能實現剛進入的時候讓input輸入框獲得焦點。廢話不多說,直接上**。

掃碼槍掃碼的問題

今天來總結下,掃碼槍遇到的一些問題。ps 參考了 博主的文章 剛開始掃碼用的是edittext edittext edittext edittext findviewbyid r.id edittext edittext.addtextchangedlistener watcher private ...

樹莓派讀取條碼掃碼槍

平時用的最多的掃瞄槍通常只是乙個簡單的輸入裝置 好比鍵盤,滑鼠 另一頭需要連線電腦,用的 usb 或者串列埠.掃瞄槍負責識別條碼,電腦收到後執行業務的邏輯.有時候只是簡單的資料採集工作,資料傳到伺服器雲端,放台電腦在那兒顯得浪費而且需要昂貴的維護.而小巧靈活而且 低廉的樹莓派同學馬上舉手說 我可以 ...

掃碼槍獲取資料處理

掃碼槍的工作原理和鍵盤輸入事件一樣 方法一 在created鉤子函式裡面監聽鍵盤輸入的事件獲取掃碼槍輸入的值 var b var this this document.onkeydown function else this.msg b 方法二 通過輸入框聚焦事件獲取輸入的值 不過大部分的掃碼槍需求...