vuejs生成条形码（barcode）的方法

vuejs如何生成条形码，下面web建站小编给大家简单介绍一下几种不同的方法！

安装脚手架

npm install jsbarcode --save

在需要的项目中引入

import JsBarcode from "jsbarcode"

使用方法

//输入内容
<el-input v-model="value" placeholder="请输入需要生成的内容" clearable></el-input>

//生成条形码
<img ref="qrCodeDiv"/>

JsBarcode(this.$refs.qrCodeDiv, this.value, {
  format: "CODE128", //条形码的格式
  width: 1, //线宽
  height: 100, //条码高度
  lineColor: "#000", //线条颜色
  displayValue: true, //是否显示文字
  margin: 2 //设置条形码周围的空白区域
});

注意：如果页面报”InvalidElementException: Not supported type to render on”错误，查看一下条形码输出是不是img格式！

JsBarcode条形码批量打印出现重复解决方法

js判断页面中是否存在某个class

条形码报“JsBarcode No element to render on”错误解决方法

php如何生成不同类型的条形码

barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)

标签： jsbarcode, 条形码

上面是“vuejs生成条形码（barcode）的方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2891.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！