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工作流
严寒的冬天里一只小鸟在森林的树枝上休息
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!