扫码盒获取微信支付宝付款码等信息的前端处理

	
		

			  
				
				
					 扫码 
				             
			
		
	

    watch:{
        inputVal(curVal, oldVal) {
            // 实现input连续输入，只发一次请求
            clearTimeout(this.timeout);
            this.timeout = setTimeout(() => {
                this.ticketQuery(curVal)
            }, 800);
        }
    },

  // 退票明细查询接口
        async ticketQuery(curVal){           
            try {
                if (curVal === '') {
                    return false;
                };
                if(this.inputVal === curVal) {
                    if(this.inputVal.includes('PT') || this.inputVal.includes('TK')) {
                        this.formRefund.ticketNum = this.inputVal.slice(2,18);
                    }else{
                        this.formRefund.ticketNum = this.inputVal.slice(0,16);
                    }
                    var params = {
                        appData: {              
                            ticketNo:this.formRefund.ticketNum 
                        }
                    };
                    const res = await api.ticketQuery(JSON.stringify(params));
                }
            } catch (err) {
              
            }
        },

扫码盒默认机制为窗口聚焦输入框获取值，为间隔性性获取值 例如每隔5ms获取一个长度的值 需要设置一个时间间隔拿到所有值，再去进行和后台交互。还有一种为websock后台推送，前台接收。