vue-qr
安装二维码生成组件vue-qr
npm install vue-qr --save
引入组件
import VueQr from 'vue-qr'
new Vue({
components: {VueQr}
})
<vue-qr :bgSrc='src' :logoSrc="src2" text="Hello world!" :size="200"></vue-qr>
<vue-qr text="Hello world!" :callback="test" qid="testid"></vue-qr>
export default {
methods:{
test(dataUrl,id){
console.log(url, id)
}
}
}
jsbarcode
安装条形码插件jsbarcode
npm install jsbarcode --save
引入
import JsBarcode from 'jsbarcode'
<canvas id="svgcodes"></canvas>
this.$nextTick(() => {
JsBarcode('#svgcode', this.codeNumber, {
format: 'CODE128', // 选择要使用的条形码类型
displayValue: false
})
})