vue-qrcode
TypeScript icon, indicating that this package has built-in type declarations

2.2.2 • Public • Published

VueQrcode

🤳 A Vue component for QR code generation with qrcode

TOC

Demo

Usage

<template>
  <vue-qrcode
    value="https://www.1stg.me"
    @change="onDataUrlChange"
  />
</template>
<script>
import VueQrcode from 'vue-qrcode'

export default {
  data() {
    return {
      dataUrl: null,
    }
  },
  components: {
    VueQrcode,
  },
  methods: {
    onDataUrlChange(dataUrl) {
      this.dataUrl = dataUrl
    },
  },
}
</script>

Available Props

prop type (range) default value
version number (1-40) N/A
errorCorrectionLevel String ('low', 'medium', 'quartile', 'high', 'L', 'M', 'Q', 'H') 'M'
maskPattern number (0-7) N/A
toSJISFunc Function N/A
margin number 4
scale number 4
width number N/A
color { dark: string; light:string } { dark: '#000000ff', light: '#ffffffff' }
type string ('image/png', 'image/jpeg', 'image/webp') 'image/png'
quality number(0-1) 0.92
value string |Array<{ data: string; mode?: 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

Readme

Keywords

Package Sidebar

Install

npm i vue-qrcode

Weekly Downloads

9,249

Version

2.2.2

License

MIT

Unpacked Size

22.9 kB

Total Files

7

Last publish

Collaborators

  • jounqin
  • i1stg