ViteSheetVue QRCode Image
A Vue component for QR code generation.
Installation
Install vue-qrcode-image with your favorite package manager:
sh
npm i vue-qrcode-imagenpm i vue-qrcode-imagesh
yarn add vue-qrcode-imageyarn add vue-qrcode-imagesh
pnpm i vue-qrcode-imagepnpm i vue-qrcode-imagesh
bun add vue-qrcode-imagebun add vue-qrcode-imageUsage
Basic
vue
<script lang="ts" setup>
import { ref } from 'vue';
import QrcodeImage from 'vue-qrcode-image';
const qrcode = ref('https://www.npmjs.com/search?q=vue-qrcode-image');
</script>
<template>
<QrcodeImage :value="qrcode" />
</template><script lang="ts" setup>
import { ref } from 'vue';
import QrcodeImage from 'vue-qrcode-image';
const qrcode = ref('https://www.npmjs.com/search?q=vue-qrcode-image');
</script>
<template>
<QrcodeImage :value="qrcode" />
</template>Size
- Type:
number - Default:
2
html
<QrcodeImage :value="qrcode" :size="4" /><QrcodeImage :value="qrcode" :size="4" />Margin
- Type:
number - Default:
8
html
<QrcodeImage :value="qrcode" :margin="6" /><QrcodeImage :value="qrcode" :margin="6" />