Vue plugin: Vue HTML Qr Code

This is a simple wrapper for generating QR codes in HTML. Semantic versioning only starts from 1.0.10, sorry.

Installation

npm i vue-html-qrcode --save

Usage

In your Vue component, import the plugin:

import { VueQRCode } from "vue-html-qrcode"

And add it to your template:

<VueQRCode
  input="foo"
  fill-color="#000"
  background-color="#fff"
  pixel-size="4px" />

Configuration

| Option | Value type | Default value | | --- | --- | --- | | input | String | Nothing. This value is required. | | fillColor | Color for CSS, for example "#000" | "#000" | | backgroundColor | Color for CSS, for example "#fff" | "transparent" | | pixelSize | Size in pixels, for example "1.5px" | "4px" |