vue二维码中带logo

1安装 npm install vue-qr --save

2

<template>
  <div id="app">
    
      <vue-qr  class="codeQr"  :logoSrc="config.logo"  :text="config.link" ></vue-qr>
      
    
  </div>
</template>
<script>
import VueQr from 'vue-qr'
export default {
  
  components: {
    VueQr
  },
  data(){
    return{
      config:{
        logo:require('./assets/logo.png'),  //直接存放logo图片，路径直接:'logo.png'，图片地址存放静态文集夹public
        link:"https://www.baidu.com/"
      }
    }
  }
}
</script>

其他属性

text 欲编码的内容
size 　　　　　　　　　　　　尺寸, 长宽一致, 包含外边距
margin 　　　　　　　　　　　二维码图像的外边距, 默认 20px
colorDark　　　　　　　　　　实点的颜色
colorLight 　　　　　　　　　 空白区的颜色
bgSrc 　　　　　　　　　　欲嵌入的背景图地址
gifBgSrc 　　　　　　　　 欲嵌入的背景图 gif 地址,设置后普通的背景图将失效。设置此选项会影响性能