VueQrcode

🤳 A Vue component for QR code generation with qrcode

Demo

version
errorCorrectionLevel
maskPattern
margin
scale
width
color.dark
color.light
type
quality
manualMode
value http://www.1stg.me

Usage

vue

<template>
  <vue-qrcode value="https://www.1stg.me" />
</template>
<script>
import VueQrcode from 'vue-qrcode'

export default {
  components: {
    VueQrcode,
  },
}
</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 }>`	N/A