1. vue-qrious

vue-qrious

VueQrious

🤳 A Vue component for QR code generation with qrious

TOC

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
1stG Open Collective backers and sponsors RxTS Open Collective backers and sponsors UnTS Open Collective backers and sponsors

Backers

Backers

1stG RxTS UnTS
1stG Open Collective backers and sponsors RxTS Open Collective backers and sponsors UnTS Open Collective backers and sponsors

Changelog

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

License

MIT © JounQin@1stG.me

Dependencies