vue-qrcode

QR code component for Vue 2, bases on node-qrcode.

• Website

Table of contents

• vue-qrcode
  • Table of contents
  • Main files
  • Getting started
    • Install
    • Usage
  • Props
    • value
    • options
    • tag
  • Browser support
  • Versioning
  • License

Main files

dist/
├── vue-qrcode.js        (UMD)
├── vue-qrcode.min.js    (UMD, compressed)
├── vue-qrcode.common.js (CommonJS)
└── vue-qrcode.esm.js    (ES Module)

Getting started

Install

npm install vue@2 @chenfengyuan/vue-qrcode@1

In browser:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-qrcode.js"></script>
<script>Vue.component(VueQrcode.name, VueQrcode);</script>

Usage

import Vue from 'vue';
import VueQrcode from '@chenfengyuan/vue-qrcode';

Vue.component(VueQrcode.name, VueQrcode);

<qrcode value="Hello, World!" :options="{ width: 200 }"></qrcode>

⬆ back to top

Props

value

• Type: String
• Default: undefined

The value of the QR code.

options

• Type: Object
• Default: undefined

The options for the QR code generator. References the node-qrcode's options.

tag

• Type: String
• Default: 'canvas'
• Options: 'canvas', 'img' and other element tags.

The tag name of the component's root element.

Browser support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Opera (latest)
• Edge (latest)
• Internet Explorer 9+

Versioning

Maintained under the Semantic Versioning guidelines.

License

MIT © Chen Fengyuan

⬆ back to top