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工作流
一群邪恶的小黄人ComfyUI工作流
一个十几岁的美国女孩穿着黄色连帽衫在黑暗和空虚的背景下闲逛
迷人的月光,发光的花朵
一只由水晶制成的蜂鸟
一张严重受损的宇宙飞船的照片ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!