vue項目中掃碼槍收款

掃碼槍會將掃到的數據帶入到獲取焦點的輸入框中,而且觸發輸入框的enter回車事件javascript

1.頁面上要有一個輸入框,而且是獲取焦點狀態,固然它是隱藏的看不到,我是把寬高設置爲0,而後加上回車事件。java

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

2.獲取焦點的方法this

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

3.執行回車事件blog

payCode(){
     //這裏進行掃碼槍掃碼後的操做,調後臺接口      
}
相關文章
相關標籤/搜索