uniapp使用官方插件生成二维码

1、在项目根目录下的 manifest.json 文件中添加 uni-qrcode 插件的引用：

{
  "mp-weixin": {
    "plugins": {
      "uni-qrcode": {
        "version": "1.0.0",
        "provider": "uni-app"
      }
    }
  }
}

2、在需要生成二维码的页面中引入插件并使用：

<template>
  <view>
    <uni-qrcode :text="qrcodeText" :size="qrcodeSize" :background="qrcodeBackground" :foreground="qrcodeForeground"></uni-qrcode>
  </view>
</template>

<script>
import uniQrcode from '@/components/uni-qrcode/uni-qrcode.vue';

export default {
  components: {
    uniQrcode
  },
  data() {
    return {
      qrcodeText: 'https://www.example.com', // 二维码内容
      qrcodeSize: 200, // 二维码尺寸
      qrcodeBackground: '#ffffff', // 二维码背景色
      qrcodeForeground: '#000000' // 二维码前景色
    };
  }
};
</script>