VueQrious

🤳 A Vue component for QR code generation with qrious

TOC

• Demo
• Usage
• Available Props
• Available Events
• Sponsors
• Backers
• Changelog
• License

Demo

Usage

<template>
  <vue-qrious
    value="https://www.1stg.me"
    @change="onDataUrlChange"
  />
</template>
<script>
import VueQrious from 'vue-qrious'

export default {
  data() {
    return {
      dataUrl: null,
    }
  },
  components: {
    VueQrious,
  },
  methods: {
    onDataUrlChange(dataUrl) {
      this.dataUrl = dataUrl
    },
  },
}
</script>

Available Props

prop	type (range)	default value
background	string (CSS color)	"#ffffff"
backgroundAlpha	number (0.1-1.0)	1.0
foreground	string (CSS color)	"#000000"
foregroundAlpha	number (0.1-1.0)	1.0
level	string ("L", "M", "Q", "H")	"L"
mime	string ("image/png", "image/jpeg")	"image/png"
padding	number	null
size	number	100
value	string	N/A

Available Events

event	type
change	dataUrl: string

Sponsors

1stG	RxTS	UnTS

Backers

1stG	RxTS	UnTS

Changelog

Detailed changes for each release are documented in CHANGELOG.md.

License

MIT © [e-mail]