微信小程序 地址 生成二维码显示

使用的是 weapp-qrcode，源代码地址

https://github.com/tomfriwel/weapp-qrcode
效果图

项目中的代码

1.js页面引入js（js在github上自己下载）

2.js页面 定义一个方法

//this.data.codeText是图片的地址

 data: {
    reqUrl: url.base,
    urlBase: url.urlBase,
    qrcode_w: qrcode_w,
    headImg:"",//头像
    name: "",  //昵称
    invitecode: "", //邀请码
    qrcodeURL: "", //二维码
    codeText: ""  //二维码内容地址
  },
  
  drawImg: function () {
    console.log(qrcode_w);
    var imgData = qRCode.drawImg(this.data.codeText, {
      typeNumber: 5,
      errorCorrectLevel: 'M',
      width: qrcode_w,
      height: qrcode_w,
      canvasId: 'myQrcode'
    })
    this.setData({
      qrcodeURL: imgData
    })
  }

wxml中的使用

 <image src="{{qrcodeURL}}" mode="" class="" id="" style="width:100%;height:450rpx;" background-size="cover"></image>