Vue使用QRCode插件，生成二维码

最新推荐文章于 2024-05-17 18:09:22 发布

Excellent ！

最新推荐文章于 2024-05-17 18:09:22 发布

阅读量725

点赞数

分类专栏： Vue使用QRCode插件，生成二维码文章标签： Vue使用QRCode插件，生成二维码学习

本文链接：https://blog.csdn.net/hww19960601/article/details/99942799

版权

Vue使用QRCode插件，生成二维码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<template>
    <div class="qrcodeimg">
      <p id="qrcode"></p>
    </div>
</template>
<script>
import QRCode from "qrcodejs2"; //二维码
export default {
   methods：{
    qrcode() {
      let qrcode = new QRCode("qrcode", {
        width: 120,
		height: 120, // 高度
		colorLight: "#ffffff",
        text: ''// 二维码内容
      });
    }
  },
  mounted() {
   this.qecode()
  }
};
</script>

`Vue使用QRCode插件，生成二维码及Error in mounted hook: “TypeError: Cannot read property ‘appendChild’ of null”

第一步安装 npm install --save qrcodejs2
第二步项目中引入 import QRCode from “qrcodejs2”; //二维码

第三步使用`

报这样的错误 Error in mounted hook: “TypeError: Cannot read property ‘appendChild’ of null”

这样问题我还不知道具体原因但是可能是因为你标签嵌套太多导致的你可以把它单独提出来放到外围再看看效果反正我就是这样解决出来的