版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/m0_38082783/article/details/82894438
效果
参数（Object object）
| 属性 | 类型 | 默认值 | 是否必填 | 说明 | 支持版本 |
|---|---|---|---|---|---|
| onlyFromCamera | boolean | false | 否 | 是否只能从相机扫码，不允许从相册选择图片 | >= 1.2.0 |
| scanType | Array. | [‘barCode’, ‘qrCode’] | 否 | 扫码类型 | >= 1.7.0 |
| success | function | 否 | 接口调用成功的回调函数 | ||
| fail | function | 否 | 接口调用失败的回调函数 | ||
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
JS
- 设置既能唤醒扫码界面，又能进行从相册选择图片解析；
- 设置扫码类型；
- 将扫码返回的结果 result 通过参数的形式传递给查询页面，并且跳转查询页面。
wx.scanCode({
onlyFromCamera: false,
scanType: ['barCode', 'qrCode', 'datamatrix','pdf417'],
success: res => {
if(res.errMsg == 'scanCode:ok'){
wx.navigateTo({
url: '../../pages/search/search?keyword=' + res.result
})
}
},
fail: res => {
// 接口调用失败
wx.showToast({
icon: 'none',
title: '接口调用失败！'
})
},
complete: res => {
// 接口调用结束
console.log(res)
}
});
注意
- 改接口的扫码功能没有什么技术难点，需要注意的是要将扫码返回的结果传递到查询页面；
- 由于扫码查询就会进入页面就进行一次查询函数的调用，所以初始化的时候，把查询数组的页码、总页数、查询数组都要初始化，防止滚动加载后，不再查询。
其他
QQ交流群: 264303060
