WXRUI体验二维码
如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢!
效果
参数(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)
}
});
注意
- 改接口的扫码功能没有什么技术难点,需要注意的是要将扫码返回的结果传递到查询页面;
- 由于扫码查询就会进入页面就进行一次查询函数的调用,所以初始化的时候,把查询数组的页码、总页数、查询数组都要初始化,防止滚动加载后,不再查询。
WXRUI体验二维码
如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢!
其他
QQ交流群: 264303060