Vue使用QRCode插件，生成二维码及Error in mounted hook: "TypeError: Cannot read property 'appendChild' of null"

版权声明：未经本人同意不得转载 一切法律责任 后果自负 https://blog.csdn.net/xy19950125/article/details/89494369

第一步安装 npm install --save qrcodejs2

 第二步项目中引入    import QRCode from "qrcodejs2"; //二维码 

 第三步 使用

<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>

报这样的错误  Error in mounted hook: "TypeError: Cannot read property 'appendChild' of null"

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