vue3 生成二维码

1.添加qrcode.vue到我们的项目

                 yarn add qrcode.vue  -S

2.在需要使用的组件中使用

<template>
  <div>二维码生成</div>
  <qrcode-vue :value="data.payUrl" :size="data.size" level="H" />
</template>
 
<script  setup>
import { reactive, ref } from 'vue'
import QrcodeVue from 'qrcode.vue'
 
const data = reactive({
  payUrl: '你好，少年',  //扫码后内容
  size: 120, // 大小
})