🤳 A Vue component for QR code generation with qrious
<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>
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 |
event |
type |
change |
dataUrl: string |
Sponsors

Detailed changes for each release are documented in CHANGELOG.md.
MIT © JounQin@1stG.me