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: '二维码链接'
   })
},

 

posted on 2023-04-23 17:26  好大的虫子  阅读(260)  评论(0编辑  收藏  举报