参考:https://blog.csdn.net/zhuswy/article/details/80267748
1.安装qrcode.js
npm install qrcodejs2 --save
2.页面中引入
import QRCode from ‘qrcodejs2‘
3.页面使用
<div id="qrcode" ref="qrcode"></div>
methods:{ qrcode () { let qrcode = new QRCode(‘qrcode‘, { width: 232, // 设置宽度 height: 232, // 设置高度 text: ‘https://baidu.com‘ }) } } /* @ 在需要调用的地方 这样必须这样调用 否则会出现 appendChild null 就是id为qrcode的dom获取不到 返回结果为null */ this.$nextTick (function () { this.qrcode(); })
更简单直接的方法:
src = "http://qr.topscan.com/api.php?bg=ffffff&fg=000000&text=" + code; //code为券码
原文:https://www.cnblogs.com/linjiangxian/p/11457576.html