uniapp页面使用qrcodejs2生成二维码

Uniapp 是一个跨平台的框架，可以同时开发运行在多个平台上的应用程序。对于生成二维码，可以使用 qrcodejs2 这个库。

首先，你需要在 Uniapp 项目中安装 qrcodejs2 库。可以通过 npm 或者 yarn 进行安装，在项目根目录下运行以下命令：

npm install qrcodejs2

或者

yarn add qrcodejs2

安装完成后，在需要生成二维码的页面中引入 qrcodejs2 库。可以在页面的 script 标签中添加以下代码：

import QRCode from 'qrcodejs2';

export default {
  mounted() {
    this.generateQRCode();
  },
  methods: {
    generateQRCode() {
      const qrcode = new QRCode(this.$refs.qrcodeContainer, {
        // 设置二维码内容
        text: 'https://www.example.com',
        width: 128, // 设置二维码宽度
        height: 128, // 设置二维码高度
      });
      
      // 可选：设置二维码颜色
      qrcode._htOption = {
        foreground: '#000000', // 前景色
        background: '#ffffff', // 背景色
      };
    },
  },
};

在页面的 template 中，添加一个容器用于显示二维码：

<template>
  <view>
    <view ref="qrcodeContainer"></view>
  </view>
</template>

以上代码会在页面加载完成后生成一个大小为 128x128 的二维码，并显示在 `qrcodeContainer` 容器中。可以根据需要调整二维码的大小和颜色。同时，你也可以根据实际需求将二维码内容设置为动态值。