使用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>