vue中使用qrcodejs2-fix生成二维码

lipenghao111

已于 2023-12-28 17:55:32 修改

阅读量488

点赞数

文章标签： vue.js 前端 javascript

于 2023-10-09 13:56:24 首次发布

本文链接：https://blog.csdn.net/lipenghao111/article/details/133698628

版权

1.在你的项目中安装 qrcodejs2-fix

npm install qrcodejs2-fix

2.在需要使用二维码的文件中，导入 qrcodejs2-fix。

import QRCode from 'qrcodejs2-fix';

3.创建一个容器来显示二维码

<div id="qrcode"></div>

4.在 JavaScript 中，实例化 QRCode 对象，并传入要生成二维码的内容和容器元素。

<script>
import QRCode from "qrcodejs2-fix";
export default {
  mounted() {
    this.$nextTick(() => {
      new QRCode(document.querySelector("#qrcode"), {
        text: "https://app.vvchat.app/",
        width: 128,
        height: 128,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.L, // 错误纠正级别，可选值：L、M、Q、H
      });

    });
  },
};
</script>