Vue.js Two-dimensional code generation component

Install via NPM installation

npm install vue-qart --save

Plug-in apps bring Vue-qart to your app

import VueQArt from ‘vue-qart‘new Vue({    components: {VueQArt}})

Use Vue-qart in your app like this

 << Span class= "Hljs-tag" >vue-q-art :config=  "config"  :d ownloadbutton=< Span class= "Hljs-tag" > "Downloadbutton" > </vue-q-art>           

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

Component parameters

name	type	Default Value	Description
Value	String	-	QR code represents the data
ImagePath	String	-	Paths for merging pictures
Filter	String	Threshold	Define an image filter, threshold or color
Size	Number	195	Defines the size of the image, in px
Version	Number	10	QR code version (1 <= version <= 40)
Background	String	-	Generate Background color
Filltype	String	Scale_to_fit	Picture placement type (fill or scale to fit)

Vue.js Two-dimensional code generation component