小程序二维码生成

插件地址：https://github.com/yingye/weapp-qrcode

1.普通情况在page里面使用，只需要引入，然后调用一下就可以了

wxml:

<canvas class="qrCode" canvas-id="qrCode"></canvas>

js：

const QrCode = require('../utils/weapp.qrcode.js')

QrCode({

width: 200,

height: 200,

canvasId: 'qrCode',

text: 'XXXXX',

typeNumber: 8

})

需要注意的是：在 调用 drawQrcode() 方法之前，一定要确保可以获取到 canvas context

 

2.值得注意的是在组件中调用，如果按照上面方式，会发现怎么都出不来，也不报错

关键在于

_this

非必须，若在组件中使用，需要传入，v0.7.0+版本支持

this

 

这个参数必须传，我当时没注意看文档，害的我把源码小撸了一下

QrCode({

width: 200,

height: 200,

canvasId: 'qrCode',

text: 'XXXXX',

typeNumber: 8,

_this: this

})

所以组件中这样调用就没问题了

看文档，要仔细，要仔细，要仔细，重要的事说三遍