vue 生成条形码 jsbarcode

安装jsbarcode

npm install jsbarcode --save

引入依赖包

import JsBarcode from 'jsbarcode'

定义 img 标签

<img id="barcode" />

在使用页面生成

  JsBarcode('#barcode', 'DY2020080400088', {format: 'CODE39',lineColor: '#000',background: '#EBEEF5',width: 2,height: 40,displayValue: false})

jsbarcode 常见的属性

<img />
<script>
JsBarcode("#barcode", "DY2020080400088", {format: "CODE39",//选择要使用的条形码类型width:3,//设置条之间的宽度height:100,//高度displayValue:true,//是否在条形码下方显示文字text:"456",//覆盖显示的文本fontOptions:"bold italic",//使文字加粗体或变斜体font:"fantasy",//设置文本的字体textAlign:"left",//设置文本的水平对齐方式textPosition:"top",//设置文本的垂直位置textMargin:5,//设置条形码和文本之间的间距fontSize:15,//设置文本的大小background:"#eee",//设置条形码的背景lineColor:"#2196f3",//设置条和文本的颜色。margin:15//设置条形码周围的空白边距
});
</script>

试一试

在线 jsbarcode练习

官方文档

https://github.com/lindell/JsBarcode#readme
https://www.npmjs.com/package/jsbarcode

vue中 jsbarcode的使用技巧相关推荐

Vue中两个让你幸福感爆棚的组件导入小技巧之require.context
前言小伙伴们大家好,在上一篇文章Vue中两个让你幸福感爆棚的组件导入小技巧之循环代替Ctrl C/V(独家总结)中我们已经学习了一个注册全局组件的小技巧,使得我们在注册大量全局组件时不再被Vue.u ...
vue v html安全,vue 中控制v-html 中的样式，但不影响全局的小技巧
我们知道在 Vue 中,style可以用两种方式来导入: // method1 @import ('./a.css'); //method2 复制代码但是不管哪一种,导进的css文件都是应用于全局的 ...
Vue中的methods方法使用技巧,三分钟迅速读懂
1.methods方法应用场景: 在Vue中,我们需要调用某个方法时,我们需要先将这些方法定义在methods属性中,然后才能在vue 表达式中调用该方法. 2.methods方法的使用方法语法定义 ...
vue中warning_5种处理Vue异常的方法
本文采用意译,版权归原作者所有去年一整年,我都在使用最爱的-Vue.js- 来做项目.最近突然意识到,我竟然从来没有认真去处理异常.我可以自恋地说:"我写的代码是完美的,没有BUG.&qu ...
如何在vue 中使用组件，以及组件通信的方式（父传子/子传父/兄弟传）
文章目录前言零.如何使用封装组件一.为什么需要下面的通信方式二.父组件给子组件通信三.子组件给父组件通信四.兄弟组件通信五.多层组件之间的通信总结前言组件可以说是 vue 中最为核 ...
vue中怎么实现吸顶效果
在 web 应用中,我们经常需要让页面中的一个或多个元素在页面滚动时保持固定位置.这种效果通常被称为吸顶效果,因为它使元素像粘在页面顶部一样固定不动. 在 Vue 中,实现吸顶效果有不同的方法.本文将 ...
封装Vue组件的原则及技巧
封装Vue组件的原则及技巧 Vue的组件系统 Vue组件的API主要包含三部分:prop.event.slot props表示组件接收的参数,最好用对象的写法,这样可以针对每个属性设置类型.默认值或自 ...
Vue 工程代码阅读小技巧
Vue 工程代码阅读小技巧对于一个刚刚接触 vue 的小白白,怎样才能高效的阅读别人的 vue 工程代码.当然,有的项目有工程介绍,这令当别论,你就老老实实地看文档吧,看完差不多也了解业务流程了, ...
Vue中实现自定义excel下载
最近在工作中遇到一个需求,就是需要在前端实现一个错误模板Excel的下载功能. 实现下载有两种方式,一种是后端生成一个excel,放在服务器指定目录下,然后前端直接去后端拿.第二种是后端传给前端一个j ...
十分钟，让你学会Vue的这些巧妙冷技巧
感谢提供本期文章的作者: 作者:村上小树链接:https://juejin.cn/post/7103066172530098206 来源:稀土掘金著作权归作者所有.商业转载请联系作者获得授权,非商 ...

vue中 jsbarcode的使用技巧

vue 生成条形码 jsbarcode

安装jsbarcode

引入依赖包

定义 img 标签

在使用页面生成

jsbarcode 常见的属性

试一试

官方文档

vue中 jsbarcode的使用技巧相关推荐

最新文章

热门文章