vue 打印生成条形码二维码并打印

1.安装资源
npm i jsbarcode
npm i vue-print-nb

2.main.js中引入以下资源
//生成条形码并打印
import JsBarcode from 'jsbarcode'
import Print from 'vue-print-nb'
Vue.use(Print);
import vJsBarcode from '@/components/JsBarcode'
Vue.component("vJsBarcode", vJsBarcode);

3.新建JsBarcode文件
<template>
    <div>
        <svg class="vue-barcode-element" v-show="valid"></svg>
        <div v-show="!valid">
            <slot></slot>
        </div>
    </div>
</template>
 
<script>
let JsBarcode = require('jsbarcode');
export default {
   
    name: "JsBarcode",
    props: {
   
        value: [String, Number],
        //选择要使用的条形码类型
        format: ["CODE128"],
        //设置条之间的宽度
        width: {
   
            type: [String, Number],
            default: "1px"
        },
        height: {
   
            type: [String, Number