Vue使用QRCode插件,生成二维码及Error in mounted hook: "TypeError: Cannot read property 'appendChild' of null"
第一步安装 npm install --save qrcodejs2第二步项目中引入import QRCode from "qrcodejs2"; //二维码第三步 使用<template><div class="qrcodeimg"><p id="qrcode"></p></d...
·
第一步安装 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"
这样问题我还不知道具体原因 但是可能是因为你标签嵌套太多导致的 你可以把它单独提出来放到外围 再看看效果 反正我就是这样解决出来的
更多推荐
已为社区贡献28条内容
所有评论(0)