uni不能通过dom生成二维码

丰贝人

于 2024-05-07 09:31:36 发布

阅读量144

点赞数 3

文章标签：前端

本文链接：https://blog.csdn.net/weixin_34438936/article/details/138519925

版权

使用uQRCode的js文件生成，下载

下载zip，使用这个js文件即可

引入方式：

import UQRCode from '../utils/uqrcode'

生成：

const qr = new UQRCode();
qr.data ='https://ext.dcloud.net.cn/plugin?id=1287';
qr.make();
this.modules = qr.modules;

<view class="qrcode">
						<view v-for="(row, rowI) in modules" :key="rowI" style="display: flex;flex-direction: row;">
							<view v-for="(col, colI) in row" :key="colI">
								<view v-if="col.isBlack" style="width: 4px;height: 4px;background-color: black;">
									<!-- 黑色码点 -->
								</view>
								<view v-else style="width: 4px;height: 4px;background-color: white;">
									<!-- 白色码点 -->
								</view>
							</view>
						</view>
					</view>