vue 条形码生成

//条形码组件 

 npm install --save @xkeshi/vue-barcode   //安装工具

<template>

    <div class="basics contanier">

<barcode :value="value" :options="barcode_option"></barcode>

    </div>

</template>

<script>

import barcode from "@xkeshi/vue-barcode"

export default {

     props:['value'],//条形码内容

    components: {

     barcode

    },

    data() {

        return {

      barcode_option: {

        displayValue: false, //是否默认显示条形码数据

        background: '#fff', //条形码背景颜色

        height: '45px',

        fontSize: '22px',

        lineColor: '#606266',

                       },

     

       

        };

    },

    mounted() {

   

    },

   

   

}