vue-qrious
v3.1.1
Published
🤳 A Vue component for QR code generation with qrious
Downloads
3,892
Readme
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 |
| ---------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| 
| 
| 
|
Backers
| 1stG | RxTS | UnTS |
| -------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
| 
| 
| 
|
Changelog
Detailed changes for each release are documented in CHANGELOG.md.