vue用vue-print-nb 和QrcodeVue打印内容,点击打印预览时无法显示条形码和二维码,再次点击就能显示 QrcodeVue版本是 "qrcode.vue": "^1.7.0",

代码如下,不知道是啥问题,有人碰到过同样的问题吗

<template>
  <el-dialog :close-on-click-modal="false" :visible.sync="dialogVisible" width="1080px">
    <div class="modal-box">
      <div class="label-border" id="printLabel">
        <template v-for="(data,k) in list">
          <div :key="k">
            <div class="header-title">
              <div class="logo">
                <img src="@/assets/icons/1.png" alt="" />
              </div>
              <h2 class="title">中华人民共和国海关出口货物报关单</h2>
              <div class="qrode-box">
                <div class="vueBarcode">
                  <div>
                  <VueBarcode
                    v-if="data.entryId"
                    :value="'*' + data.entryId + '*'"
                    :options="{
                      widht: 400,
                      height: 30,
                      displayValue: false,
                      background: 'rgba(255,255,255,.0)',
                      textMargin: 5,
                      text: '★' + data.entryId + '★',
                      fontOptions: 'bold'
                    }">
                    获取失败
                  </VueBarcode>
                  </div>
                    <span>{{'★' + data.entryId + '★'}}</span>
                </div>
                <div style="margin-left: 20px;">
                  <qrcode-vue
                    :value="'*' + data.entryId + '*'"
                    :size="70"
                  ></qrcode-vue>
                </div>
              </div>
            </div>
            <p style="page-break-after:always;"></p>
          </div>
        </template>
      </div>
    </div>
    <p slot="title" class="dialog-footer">
      <el-button type="text" @click="close">取消</el-button>
      <el-button type="primary" v-print="'#printLabel'">打印</el-button>
    </p>
  </el-dialog>
</template>
<script>
import QrcodeVue from "qrcode.vue";   //条形码生成插件
import VueBarcode from "@xkeshi/vue-barcode";  //二维码生成插件
import { getGoods } from "@/api/dec/dec";
import { getContainer } from "@/api/dec/dec";
import { getLicense } from "@/api/dec/dec";

export default {
  data() {
    return {
      data: {},
      list: [],
      dialogVisible: false,
      queryParams: {
        cusCiqNo: this.cusCiqNo,
      },
      containerList: [],
      goodsList: [],
      licenseList: []
      
    };
  },
  components: {
    VueBarcode,
    QrcodeVue
  },
  methods: {
    show(obj) {
      this.list = obj;
      Promise.all(
        this.list.map((v,i,a)=>{ return this.getList(v); })
      ).then((res)=>{
        this.loading = false;
      })
      this.dialogVisible = true;
    },
    close() {
      this.dialogVisible = false;
    },
    sortChange(e){//触发排序事件e
      let order = {
        "ascending":"asc",
        "descending":"desc"
      }[e.order]
      if(e.order){
        this.queryParams.orderByColumn = e.prop + ' ' + order;
        this.getList();
      }else{
        this.queryParams.orderByColumn = '';
        this.getList();
      }
    },
  
    getList(obj) {
      this.loading = true;
      let queryParams = {}
      queryParams.cusCiqNo = obj.cusCiqNo;
      return Promise.all([
        getLicense(queryParams).then(res => {
          obj.licenseList = res.rows;
        }),
        getGoods(queryParams).then(res => {
          obj.goodsList = res.rows;
        }),
        getContainer(queryParams).then(res => {
          obj.containerList = res.rows;
        }),
      ])
    }
  }
};

没看到data在哪赋的值