VUE 生成带Logo 的二维码

效果

安装

npm install --save vue_qrcodes

使用

在组件中加入

<qrcode 
  :url="data.url" 
  :iconurl="data.icon" 
  :wid="200" :hei="200" 
  :imgwid="53" 
  :imghei="53">
</qrcode>

script

export default {
  name: 'qrcode',
  components:{
      qrcode
  },
  data(){
    return{
       data:{
          url:"https://cn.vuejs.org/",
	  icon:"https://cn.vuejs.org/images/logo.png",
       }
    }
  }
}

属性

原文链接：https://blog.csdn.net/dongjing0813/article/details/93208955