VueQRCode
🤳 A Vue component for QR code generation with qrcode
Usage
<template>
<qrcode value="https://www.1stg.me" />
</template>
<script>
import Qrcode from 'vue-qrcode'
export default {
components: {
Qrcode,
},
}
</script>
Available Props
prop | type (range) | default value |
---|---|---|
version |
number (1-40) |
N/A |
errorCorrectionLevel |
String ('low', 'medium', 'quartile', 'high', 'L', 'M', 'Q', 'H') |
'M' |
maskPattern |
number (0-7) |
N/A |
toSJISFunc |
Function |
N/A |
margin |
number |
4 |
scale |
number |
4 |
width |
number |
N/A |
color |
{ dark: string; light:string } |
{ dark: '#000000ff', light: '#ffffffff' } |
type |
string ('image/png', 'image/jpeg', 'image/webp') |
'image/png' |
quality |
number (0-1) |
0.92 |
value |
`string | Array<{ data: string; mode?: string }>` |