小程序之旅(5) 根据字符串生成二维码

1.推荐使用weapp.qrcode.js

2.github地址:https://github.com/yingye/weapp-qrcode#readme,dist目录下有weapp.qrcode.js

使用方法:

  1. <canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>

  2. // 将 dist 目录下,weapp.qrcode.js 复制到项目目录中,在需要生成二维码页面的js文件引入。
    import drawQrcode from '../../utils/weapp.qrcode.js' 
    data:{
        text:"生成二维码哒哒哒"
    }
    draw(){
        drawQrcode({ 
        width: 200, //二维码宽高,宽高要与canvas标签宽高一致
        height: 200, 
        canvasId: 'myQrcode', 
        text:this.data.text //二维码内容
      })
    }
    
  3. draw()在生命周期中调用,就ok了!

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值