Vue使用QRCode插件，生成二维码及错误提示Cannot read property 'appendChild' of null"

最新推荐文章于 2024-10-09 16:51:49 发布

一只快乐的小猴子

最新推荐文章于 2024-10-09 16:51:49 发布

阅读量1.3w

点赞数 1

分类专栏： Vue

本文链接：https://blog.csdn.net/abcdef12030/article/details/100667911

版权

本文介绍了在Vue项目中使用QRCode插件生成二维码时遇到的'Cannot read property 'appendChild' of null'错误，强调了需确保DOM元素加载完成后再生成二维码的重要性。

摘要由CSDN通过智能技术生成

第一步：

cnpm install --save qrcode2

第二步引入：

import QRCode from 'qrcode2';

第三步：

<el-table :data="scenicForm" style="width: 100%" border>
	<el-table-column label="二维码" width="180">
		<template slot-scope="scope">
			<div :id="'item_' + scope.row.id"></div>
			<a href="" download="erweima">点击下载二维码</a>
		</template>
	</el-table-column>
</el-table>
export