1.先安装qrcode
npm install qrcode
2.引入qrcode
import QRCode from 'qrcode';
3.生成二维码方法
const setQRCode = (str) => {
var canvas = document.getElementById('code_canvas');
QRCode.toCanvas(canvas, str, function (error) {
if (error) console.error(error);
console.log('success!');
});
};
4.调用接口生成二维码
var response = {
code: 0,
result: {
extStr5: 'https://next.antdv.com/common_rice.png?v=7',
feesTime: moment().format('YYYY-MM-DD HH:mm:ss'),
inTime: moment().format('YYYY-MM-DD HH:mm:ss'),
},
};
if (response.code == 0 && response.result && response.result.extStr5) {
setQRCode(response.result.extStr5);
}
5.二维码容器
<div style="margin-top: 1.40625vw; width: 12.5vw; height: 12.5vw">
<canvas id="code_canvas"></canvas>
</div>