条形码,二维码生成
- 安装wxbarcode
npm i wxbarcode -S --production
- 引入wxbarcode包
import wxbarcode from 'wxbarcode'
- 条形码生成
在wxbarcode包中生成条形码使用到了barcode函数,barcode的函数原型为:barcode(id, code, width, height)
参数说明 | |
---|
id | wxml文件中的 canvas-id |
code | 用于生成条形码的字符串 |
width | 生成的条形码宽度,单位 rpx |
height | 生成的条形码高度,单位 rpx |
wxbarcode.barcode('barcode', this.barcodeValue, 400, 100);
- 二维码生成
在wxbarcode包中生成二维码使用到了qrcode函数,qrcode的函数原型为:qrcode(id, code, width, height)
参数说明 | |
---|
id | wxml文件中的 canvas-id |
code | 用于生成条形码的字符串 |
width | 生成的条形码宽度,单位 rpx |
height | 生成的条形码高度,单位 rpx |
wxbarcode.qrcode('qrcode', this.barcodeValue, 480, 480);
如果项目中发现部分华为手机显示不出来,加个延时即可
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190920174840801.png)