vue-qrious

🤳 A Vue component for QR code generation with qrious
70,046 285
Install
npm install vue-qrious
Latest Version:3.1.1
Vue:2 · 3
License:MIT
Last Updated:Oct 21, 2026
Links: GitHub  ·  npm
Maintainer: jounqin

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

Related Packages

vue-qrcode

🤳 A Vue component for QR code generation with `qrcode`

1,342,346 285
vue-weblineindia-qrcode

A Vue component for QR code generation with `vue-weblineindia-qrcode`

2,202
v-qrcode

a qrcode component for vue

11,139
qrcanvas-vue

QRCanvas component for Vue.js

40,633 73
qrcode-vue

a vue qrcode base on qr.js

33,873 13

Version History

Version Released License
3.1.1 MIT
3.1.0 MIT
3.0.1 MIT
3.0.0 MIT
2.0.1 MIT
Pre-releases (4)
Version Released License
1.5.6-beta.0 MIT
1.5.5-beta.2 MIT
1.5.5-beta.1 MIT
1.5.5-beta.0 MIT