vue html页面打印功能vue-print-nb

准考证打印

 <el-button v-if="scope.row.examState==1"
                     type="text"
                     @click="examPrint(scope.row.arrangeId)"
          >准考证打印
          </el-button>

examPrint方法

// 准考证打印

 examPrint(arrangeId) {
   
    let params = {
   
      arrangeId: arrangeId
    }
    printAdmission(params).then( res => {
   
      this.multipleArr = res.data;
    })
    this.cardDialogVisible = true;
  },

打印内容

<!-- 打印 -->
    <el-dialog
      width="1047px"
      :close-on-click-modal="false"
      :visible.sync="cardDialogVisible"
      title="准考证"
      class="printDialog"
    >
      <div id="card">
        <div id="cardWrap" class="cardWrap">
          <div class="cardContain" v-for="(item, index) in multipleArr" :key="index">
            <h3 style="text-align: center;">准考证</h3>
            <table id="ptb" class="pttb" width="660" align="center">
              <tbody>
                <tr>
                  <td style="width: 75px; height: 38px;" align