Characteristic QR Code Generator For Vue.js

Install & Download:

# NPM
$ npm install qrcanvas-vue --save

Description:

Yet another Vue.js QR code generator to render characteristic QR codes using canvas. Based on qrcanvas.

How to use it:

1. Import and register the QRCanvas component.

import { defineComponent } from 'vue';
import { QRCanvas } from 'qrcanvas-vue';

export default {
  components: {
    qrcanvas: QRCanvas
  },
};

2. Add the qr-canvas component to the app.

<div>
  <QRCanvas :options="options"></QRCanvas>
</div>

export default {
  components: {
    qrcanvas: QRCanvas
  },
  setup() {
    return {
      options: {
        // qrcanvas options here
      },
    };
  },
};

Preview:

Changelog:

v3.0.0 (11/06/2021)

• Updated for Vue 3