需求场景

因为微信只能使用人民币结算，在海外使用就无法使用线上支付，所以这里只给用户生成的订单展示，在每个订单上会将所使用的优惠券以QRCode的方式展现给线下到场的服务人员

开发遇到的问题

在使用canvas生成二维码过程中，第一次点击二维码很顺利渲染，但是第二次就不会显示

问题定位及解决

经过360°问题定位以及扣官方文档的字眼[/手动捂脸]

canvas的渲染对id有唯一性的要求，如果一个id重复渲染就会出现画布隐藏并不再正常工作的问题，在实现过程中，我把优惠券的id和每次点击时间的时间戳拼接起来以保证canvas-id唯一性

<canvas canvas-id="{{couponqr.id+timestamp}}" class='qr' />

onyh:function(e){
    var that = this
    that.setData({
      showqrbox: true,
      timestamp: e.timeStamp,
      couponqr: e.currentTarget.dataset.qr,
    })
    wxbarcode.qrcode(e.currentTarget.dataset.qr.id + e.timeStamp, 'http://www.mohennet.com/', 230, 230);
  },