This repository has been archived by the owner. It is now read-only.
[Deprecated] No longer maintained, please use https://github.com/fengyuanchen/vue-qrcode
Switch branches/tags
Nothing to show
Clone or download
Latest commit 397b8d1 Jun 20, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist build: release 1.0.0 Jun 20, 2018
docs build: release 1.0.0 Jun 20, 2018
src refactor: add default value to `value` prop Jun 20, 2018
test test: add unit test Jun 20, 2018
.babelrc build: update Jun 20, 2018
.editorconfig build: update config Sep 18, 2017
.eslintrc build: update Jun 20, 2018
.gitattributes build: update config Sep 18, 2017
.gitignore build: update Jun 20, 2018
.travis.yml ci: add .travis.yml file Jun 20, 2018
CHANGELOG.md build: release 1.0.0 Jun 20, 2018
LICENSE MIT Jun 20, 2018
README.md build: release 1.0.0 Jun 20, 2018
package-lock.json build: release 1.0.0 Jun 20, 2018
package.json build: release 1.0.0 Jun 20, 2018
rollup.config.js build: simplify banner generating Jun 20, 2018

README.md

vue-qrcode

Build Status Downloads Version

Qrcode component for Vue.js, bases on QRious.

Table of contents

Main

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 @xkeshi/vue-qrcode vue

In browser:

<script src="/path/to/vue.js"></script>
<script src="/path/to/vue-qrcode.js"></script>

Usage

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

Vue.component(VueQrcode.name, VueQrcode);
<qrcode value="Hello, World!" :options="{ size: 200 }"></qrcode>

In browser:

<script>Vue.component(VueQrcode.name, VueQrcode);</script>

⬆ back to top

Props

value

  • Type: String
  • Default: ''

The value of the qrcode.

options

  • Type: Object

The options for the qrcode generator. References the QRious's options.

tag

  • Type: String
  • Default: 'canvas'
  • Options: 'canvas' and 'img'

The tag of the component 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 © Xkeshi

⬆ back to top