安装
通过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 二维码生成组件
原文地址：https://www.cnblogs.com/scode2/p/8660165.html