微信小程序之用camera实现类似扫码枪连续扫码
搜了优快云里面的文章,除了有一篇有关微信小程序(用微信小程序里面代码实现)扫码的功能,其它都是用别的(原博文是:小程序连续扫码实现但是他只是实现了一次扫码后就不能再继续扫码了,在js代码部分出现了错误。博主讲得很详细,我只是在js部分进行了修改。),自己在想做一个小程序时就进行了修改尝试,结果还行!
首先是,camera组件中需要知道mode=“scanCode” 是扫码的模式,bindscancode='takeCode’是在扫码识别成功时触发,仅在 mode=“scanCode” 时生效。
下面代码是我自己在小程序wxml里面写的camera组件
<camera mode="scanCode" binderror="error" bindscancode='takeCode'>
接下来就是对应js文件的在Page(){}里面补上对takeCode的补充。
takeCode(e) {
if (this.data.scanFunctionIsUseAble){
this.setData({
scanFunctionIsUseAble: false,
code:e.detail.result,
})
console.log(this.data.code);
var fileCode = e.detail.result;
setTimeout(()=>{this.setData({scanFunctionIsUseAble:true,})},2000)
//每隔两秒可以扫一次
}
},
运行结果:

有兴趣可以试一试。

本文介绍了如何在微信小程序中使用camera组件实现类似扫码枪的连续扫码功能。通过设置mode为'scanCode'并监听bindscancode事件,实现了扫码识别后的连续扫描。作者分享了自己的wxml相机组件代码和对应的js处理函数,以供读者实践参考。
399





