安装
通过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 } }
组件参数
名称类型默认值说明
valueString-QR code表示的数据imagePathString-合并图片的路径filterStringthreshold定义一个图像过滤器,threshold或者colorsizeNumber195定义图像的大小,单位是pxversionNumber10QR code版本 (1 <= version <= 40)backgroundString-生成背景色fillTypeStringscale_to_fit图片放置类型(fill 或者 scale to fit)
转载于:https://www.cnblogs.com/scode2/p/8660165.html