与后端交互后得到一个url路径 如微信支付:
weixin://wxpay/......这个路径不是图片,因此需要转换!!
- 安装Qrcode
npm install --save qrcode
- 根据文档指示使用,这里为
ES6/ES7的方法
import QRCode from 'qrcode'//引入
//这里得到的是promises 对象 ,所以根据自己的代码加上 async/await
// QRCode里面还有几个方法,可以log出来看一下
QRCode.toDataURL('放前文的微信支付的路径')
.then(url => {
console.log(url)
})
.catch(err => {
console.error(err)
})
支付成功后
思路:
- 在支付页面打开的时候设置一个定时器(长轮询),调用后端的查询订单状态接口,询问订单状态