vue3 使用 qrcodejs2

以下是使用qrcodejs2在Vue3中生成二维码的步骤：

1.首先，安装qrcodejs2：

npm install qrcodejs2 --save

2.在Vue组件中引入qrcodejs2：

import QRCode from 'qrcodejs2'

3.在Vue组件中定义一个方法来生成二维码：

generateQRCode() {
  // 获取DOM元素
  const qrcodeContainer = this.$refs.qrcode
  // 清空容器
  qrcodeContainer.innerHTML = ''
  // 创建二维码实例
  const qrcode = new QRCode(qrcodeContainer, {
    text: 'http://naver.com', // 二维码内容
    width: 200, // 二维码宽度
    height: 200, // 二维码高度
    colorDark : '#000000', // 二维码颜色
    colorLight : '#ffffff', // 二维码背景色
    correctLevel : QRCode.CorrectLevel.H // 二维码容错级别
  })
  // 清除二维码方法二
  qrcode.clear()
}

4.在Vue组件中使用ref来获取DOM元素：

<template>
  <div>
    <div ref="qrcode"></div>
    <button @click="generateQRCode">生成二维码</button>
  </div>
</template>

5.最后，在Vue组件中调用generateQRCode方法来生成二维码。