Package Exports
- @chenfengyuan/vue-qrcode
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@chenfengyuan/vue-qrcode) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
vue-qrcode
QR code component for Vue.js, bases on node-qrcode.
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 @chenfengyuan/vue-qrcode vueIn 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>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.