文档来源:www.npmjs.com/package/uqr…
示例
import uQRCode from '@/utils/uqrcode.js'
const qrcodeImgUrl = ref('')
function qrFun(text) {
uQRCode.make({
canvasId: 'qrcode', // 二维码画布的 ID,确保页面中有一个对应的 <canvas id="qrcode"></canvas> 元素
text: text, // 二维码的文本内容
size: 240, // 二维码的尺寸
margin: 0, // 二维码图案与边框的间距
backgroundColor: '#ffffff', // 二维码背景颜色
foregroundColor: '#000000', // 二维码前景颜色
fileType: 'jpg', // 二维码图片的格式
errorCorrectLevel: uQRCode.errorCorrectLevel.H, // 二维码容错级别,这里选择最高级别 H
}, (res) => {
qrcodeImgUrl.value = res // 将生成的二维码图片数据赋值给 qrcodeImgUrl 变量
})
}