使用qrcode.vue生成当前网页的二维码（H5）

使用npm：

npm install qrcode.vue

使用yarn：

yarn add qrcode.vue

package.json：

实现：

<template><div class="code"><qrcode-vue :value="currentUrl" :size="size" render-as="svg"></qrcode-vue></div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import QrcodeVue from 'qrcode.vue'// 获取当前页面的URL
const currentUrl = ref(window.location.href)
// 设置大小尺寸
const size = ref(70)
</script>