一、在项目中安装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
});