vue2.0 vue-qr生成二维码

安装 npm install vue-qr --save

  <div v-show="isWechat">

  　 <VueQr :margin='option.margin' :size='option.size' :text='option.text'></VueQr>

 　　 <p>请使用企业微信扫码登录</p>

</div>

import VueQr from 'vue-qr';

components: { VueQr },

qrOption: {

    text: '',  //（必填）    可以写路径或者文字，扫描后想要跳转的路径或者显示的文字

    size: '',  //（必填）    二维码尺寸 长宽一致, 包含外边距

    margin: '',  //（必填）   二维码距离外边框的边距 - 默认值为20

    bgSrc: '',  //（选填）    背景图片

    logoSrc: '',  //（选填）    中间的图片

    gifBgSrc: '',  //（选填）    动态背景图 (设置此选项会影响性能)

    colorDark: '',  //（选填）    二维码颜色(实点颜色)

    colorLight: '', //（选填）   二维码背景填充色

    callback: '',  //（选填）    生成的二维码 Data URI，可以在回调中取得

}