<template>

 <div class="tableWrap" ref="tableWrap">
　　//单独的导出按钮，不放到表头总的做法。

   <!-- <el-button @click="exportExcel1()">下载</el-button> -->

   <el-table

     row-style="height:28px"

     id="out-table"  //这个类是要下载的表格信息

     :height="tableheights"

     ref="multipleTable"

     :data="tableData3"

     tooltip-effect="dark"

     style="width: 100%;"

     highlight-current-row="true"

     @select="handleSelectionChange"

     @select-all="handleSelectAll"

     @cell-mouse-enter="cellMouseEnter"

     @row-dblclick="dbclick"

     cell-class-name="cellName"

     :header-row-style="{backgroundColor:'#03a9f5',padding:0,fontSize:'12px',lineHeight:'27px',}"

   >

     <!-- <el-table-column

       type="selection"

       width="60">

     </el-table-column> -->

     <el-table-column

       :height:="30"

       v-for="(col,index) in tableTitle.rolecols"

       :label='col.label'  :width="tableWidth"

       :prop="col.prop" :key="index" >

     </el-table-column><!--获取索引-->

 下面这条是插入的按钮占的坑，通过render-header插入模版

     <el-table-column

       :render-header="renderHeader"

       width="200">

     </el-table-column>

   </el-table>

 </div>

 </template>

         // 导出功能

         exportExcel() {

           console.log(123)

          /* generate workbook object from table */

          var wb = XLSX.utils.table_to_book(document.querySelector('#out-table'))

          /* get binary string as output */

          var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })

          try {

              FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), 'sheetjs.xls')

          } catch (e) { if (typeof console !== 'undefined') console.log(e, wbout) }

          return wbout

         },

     renderHeader() {

          return (

              <div>
　　　　　　　　　　　　//其中的这个oclick一定要用箭头函数来表示，不然会出现触发不了，可能在其他事件中被无数次触发的反人类现象。（我也很好奇）

                 <el-button type='primary' size='small' on-click={()=>this.exportExcel()}>导出表格</el-button>

              </div>

          )

     }