vue 生成条形码、二维码

条形码 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，提前把画布定义好即可