vue中添加生成二维码

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

   })

},