vue条形码和二维码

先上效果图：

条形码：

1. 安装jsbarcode

npm install jsbarcode --save

2. 在使用的页面：

import JsBarcode from 'jsbarcode'

3. html

<img id="barcode" />

4. js:

mounted(){            
  JsBarcode("#barcode", "", {
    format: "CODE128",//选择要使用的条形码类型                
    text: '条形码的数据',                
    displayValue: true,//是否在条形码下方显示文字                
    textPosition: "bottom"//设置文本的垂直位置            
  })                 
}

二维码：

1. npm install jr-qrcode –save
2. 在使用的页面： import jrQrcode from “jr-qrcode”
3. html：qrcodeImg在data里面声明一下

<img :src="qrcodeImg" alt="" class="qrcodeImg">

4. js:

mounted() {            
  this.qrcodeImg = jrQrcode.getQrBase64('条形码的数据')        
}

作者：小丸子超级可爱
链接：https://www.jianshu.com/p/7453e7247c3c
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

赏

谢谢你请我吃糖果

支付宝

微信