v-qrcode

v-qrcode

A QRCode Component For Vue 2

demo

demo

Install

$ npm i v-qrcode --save

Usage

ES6

<template>
    <div>
        <qrcode :cls="qrCls" :value="qrText"></qrcode>
    </div>
</template>

<script>
import Qrcode from 'v-qrcode'

export default {
    data () {
        return {
            qrCls: 'qrcode',

            qrText: 'hello world'
        }
    },

    components: {
        Qrcode
    }
}
</script>

Browser Globals

The dist folder contains v-qrcode.js and v-qrcode.min.js with all components exported in the window.VQrcode object.

<script src="path/to/vue.js"></script>
<script src="path/to/v-qrcode.min.js"></script>
<script>
    var qrcode = VQrcode.qrcode;
</script>

Options