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, // 大小
})