1、安装组件
npm install qrcodejs2 --save
2、在页面引用组件
import QRCode from "qrcodejs2";
3、在页面创建一个存放二维码的区域
<div id="qrcode" ref="qrcode"></div>
4,事件中调用
handlePrint() {
document.getElementById('qrcode').innerHTML = "" //将上一次生产的销毁掉,不然会叠加
this.qrcode = new QRCode("qrcode", {
width: 100, // 二维码宽度
height: 100, // 二维码高度
text: '二维码链接'
})
},