vue-qrcode

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 }>`