Vue二维码生成组件、条形码生成组件

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
  })
})