码迷,mamicode.com
首页 > Web开发 > 详细

vue.js 二维码生成组件

时间:2018-03-27 21:56:06      阅读:894      评论:0      收藏:0      [点我收藏+]

标签:一个   pre   path   name   art   npm   nload   tab   color   

安装
通过NPM安装
npm install vue-qart --save
插件应用
将vue-qart引入你的应用
import VueQArt from ‘vue-qart‘

new Vue({
    components: {VueQArt}
})
在你的应用中这样使用vue-qart
<vue-q-art :config="config" :downloadButton="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
    }
}
组件参数
名称类型默认值说明
value String - QR code表示的数据
imagePath String - 合并图片的路径
filter String threshold 定义一个图像过滤器,threshold或者color
size Number 195 定义图像的大小,单位是px
version Number 10 QR code版本 (1 <= version <= 40)
background String - 生成背景色
fillType String scale_to_fit 图片放置类型(fill 或者 scale to fit)

vue.js 二维码生成组件

标签:一个   pre   path   name   art   npm   nload   tab   color   

原文地址:https://www.cnblogs.com/scode2/p/8660165.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!