赞
踩
在 vue 项目中难免遇到有要生成条形码 或者 二维码的功能需求。
一、生成条形码
1、下载 npm install jsbarcode --save
2、在所需组件模块中引入
import JsBarcode from 'jsbarcode'
3、template 中
<svg id="barcode"></svg>
4、
- barcode(){
- let barCode = "12345678"
- JsBarcode("#barcode", "Hi world!",{
- format: "CODE128",//选择要使用的条形码类型
- text: barCode, //显示文本
- displayValue: true,//是否在条形码下方显示文字
- textPosition: "bottom"//设置文本的垂直位置
- fontOptions:"bold italic",//使文字加粗体或变斜体
- background:"#eee",//设置条形码的背景
- font:"fantasy",//设置文本的字体
- lineColor:"#2196f3",//设置条和文本的颜色。
- margin:15//设置条形码周围的空白边距
- })
- },
以上步骤就可以生成一个条形码 至于何时调用 barcode 这个方法就看我们自
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。