条形码
1.安装
cnpm install jsbarcode --save
2.引入
import JsBarcode from 'jsbarcode'
3.二维码容器
<svg id="barcode"></svg>
<canvas id="canvas"></canvas>
<img id="barcode"/>
4.生成条形码(我只用了 displayValue: false,都用暂时显示报错)
JsBarcode("#barcode", "1234", {
format: "pharmacode", //条形码的格式
lineColor: "#0aa", //线条颜色
width:4, //线宽
height:40, //条码高度
displayValue: false //是否显示文字信息
})
二维码
1.安装
cnpm install jr-qrcode --save
2.引入
import jrQrcode from "jr-qrcode"
3.二维码容器
<canvas class="servicecanvas"></canvas>
4.生成条形码(我只用了 displayValue: false,都用暂时显示报错)
this.$nextTick(()=>{
let serviceurl = serviceur //二维码内容
let canvas = document.getElementsByClassName('servicecanvas')
QRCode.toCanvas(canvas, serviceurl, function (error) {
if (error) console.error(error)
})
})
})
我在for循环渲染多个时,出现闪退。
最后发现是画布定义为undefined,提前把画布定义好即可