vue 中使用微信扫码功能

1.npm i weixin-jsapi
2.页面使用 import wx from ‘weixin-jsapi’ -S
3.页面一加载就配置一下
const res = await get(’/v2/oper/wechat/scan_sign’, { handleError: true })
前提是要从后台接口中拿相应的数据
wx.config({
debug: true,
appId: res.data.app_id, //appid
timestamp: res.data.timestamp, //时间戳
nonceStr: res.data.nonceStr, //随机字符串
signature: res.data.signature, //签名
jsApiList: [‘scanQRCode’],
})
4.扫码的时候
wx.scanQRCode({
needResult: 1,
scanType: [‘qrCode’, ‘barCode’],
success(res) {
const sn_url = res.resultStr
const len = sn_url.split(’/’).length
const sn_16 = sn_url.split(’/’)[len - 1]
// console.log(‘扫码返回-----’,sn_16);
that.getMachineSlotsInfo(sn_16, ‘sn_16’)
},
})