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 No element to render on”错误解决方法
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
上面是“vuejs生成条形码(barcode)的方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_2891.html
workflows工作流
一个迷人的女人ComfyUI工作流
一个穿绿衣服国风古典女孩
一位穿着优雅银色装饰黑色连衣裙的苗条模特
一个质朴的木制窗户上放着各种葫芦、南瓜等
一个超现实和超现实的场景,在森林中心有一座蛇形的房子
文生图工作流:图片合并comfyui工作流
一架受损严重的宇宙飞船内有一只猫
一只可爱的飞鸟ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!