学习 使用vue-qr 生成 二维码

官方链接 https://www.npmjs.com/package/vue-qr

命令行 ：npm install vue-qr --save

// 引入
 import VueQr from 'vue-qr'

  <vue-qr :text="testentry.url" 
  :margin="10" colorDark="#000" colorLight="#fff" 
  :dotScale="1" 
  :logoSrc="testentry.icon" 
  :logoScale="0.2" :size="200">
  </vue-qr>

   data () {
        return {
            testentry: {
                url: 'https://www.baidu.com/',
                icon: '../../../static/img/swiper.png'  // 二维码中间的图片,可以不设置
            }
        }
    },
  

 components: {  // 添加组件 
    vueQr
  }

属性	解析
text	存在编译的内容
size	输入 宽高的比例 尽量数字小一点 例如 0.3 0.2
colorDark	真实”块的颜色。仅在同时设置colorDark和colorLight时有效
colorLight	空格的颜色或“假”块。仅在同时设置colorDark和colorLight时有效
logoSrc	小icon的图标
logoScale	设置icon的大小