vue2 引用使用qrcode.js

原创于 2022-12-12 09:02:40 发布 · 371 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了如何通过npm包npmiqrcode来生成二维码。首先需要使用npm安装该包，然后在项目中导入并利用toCanvas方法将指定的内容转化为二维码图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.npm 安装
npm i qrcode

2.页面引用

import QRCode from 'qrcode'

3.页面使用

html

<canvas id="qrcode" style="width: 200px;height: 200px;"></canvas>

方法中使用

var qrcode = document.getElementById('qrcode')
QRCode.toCanvas(qrcode,'输入要放到二维码的数据', function (error) {
  if (error) console.error(error)
})