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 © JounQin@1stG.me