qart.js - 前端生成好看的二维码,Vue 指令来了

4,239

the Vue 2.x directive for kciter's qart.js

Check the DEMO

Installation

install with NPM

npm install vue-qart --save

Import

import VueQArt from 'VueQArt'

new Vue({
    directives: {VueQArt}
})

Usage

In template

<div v-vue-q-art="config"></div>

Set config value

data () {
    return {
        msg: 'Welcome to Your Vue.js App',
        config: {
            value: 'https://www.baidu.com',
            imagePath: './examples/assets/logo.png',
            filter: 'color'
        },
    }
}

For more details you should definitely check outqart.js

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build