uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。
简单好用，接单或公司开发的不二之选
1、首先，我们去uniapp插件市场下载插件
uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=1287
2、下载完以后，我们找到文件中 uqrcode.js 文件，拷贝到uniapp项目中，然后在需要生成二维码的组件引入
import UQRCode from "static/resource/uqrcode.js";3、接着在HTML模块中需要显示二维码区域写入
<canvas id="qrcode" canvas-id="qrcode" style="width: 200px;height: 200px;"></canvas>4、最后methods中定义方法
init(){
// 获取uQRCode实例
var qr = new UQRCode();
// 设置二维码内容
qr.data = '666666';
// 设置二维码大小，必须与canvas设置的宽高一致
qr.size = 200;
// 调用制作二维码方法
qr.make();
// 获取canvas上下文
var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
// 设置uQRCode实例的canvas上下文
qr.canvasContext = canvasContext;
// 调用绘制方法将二维码图案绘制到canvas上
qr.drawCanvas();
}这样就可以生成二维码了，二维码内容自行动态传值即可。