如何在vue3中生成二维码

https://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.mdhttps://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.md        这是我们所依赖的库

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

        npm install --save qrcode.vue

        yarn add qrcode.vue

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

<template>
  <div>二维码生成</div>
  <qrcode-vue :value="data.payUrl" :size="data.size" level="H" />
</template>

<script lang="ts" setup>
import { reactive, ref } from 'vue'
import QrcodeVue from 'qrcode.vue'

const data = reactive<{
  payUrl: string
  size: number
}>({
  payUrl: '千万别搭理s---b',
  size: 256,
})