条形码生成
javascript
//第一种方法使用
vue-barcode
import VueBarcode from 'vue-barcode'
<VueBarcode :value="item.bloodNum" width="2" height="40" format="CODE128" display-value="false"> 样本条码加载失败</VueBarcode>
//第二种方法
JsBarcode
二维码生成
javascript
//第一种方法
import QRCode from 'qrcodejs2'
<div id="qrcode" ref="qrcode"></div>
qrParams: {id: '', }
let qrcode = new QRCode(document.getElementById(refName), {
text: JSON.stringify(this.qrParams),
title: '',
width: 200,
height: 200,
margin: 0,
correctLevel: QRCode.CorrectLevel.L
})
qrcode._el.title = "";
> **注意 qrcode.js有长度限制才会产生第二种方法**
//第二种方法
vue-qriously
//main.js
import Vue from 'vue'
import VueQriously from 'vue-qriously'
Vue.use(VueQriously)
<template>
<div>
<qriously :value="qrcode" :size="200" />
</div>
</template>
<script>
export default {
data() {
return {
qrcode: 'www.baidu.com'
}
}
}
</script>