使用qrcode生成二维码

一、在项目中安装qrcode

使用npm安装

npm install --save qrcode

使用yarn安装

yarn add qrcode

二、在项目中引入

import QRCode from 'qrcode';

三、定义生码容器

1.使用QRCode.toCanvas()方法生成

<canvas id='qrcode' />

const qrcodeBox= document.getElementById('qrcode'); // 获取canvas节点
QRCode.toCanvas(qrcodeBox, '放需要绘制的地址或连接'); // 绘制二维码

2.使用QRCode.toDataURL()方法生成

<img :src="QRCodePath">

QRCode.toDataURL('二维码中存储的数据内容', (err, url) => {
	QRCodePath.value = url
});