vue中使用iview的table表格实现导出全部和导出选中

布局

<div>
        <Checkbox v-model="showCheckbox" @on-change="clearSelect(false)"></Checkbox>
         <div class='batchoperation'>批量操作</div>
         <div class="export" v-if="showCheckbox" @click="handleSelect()">导出选中</div>
         <div class="export" v-if="showCheckbox" @click="handleSelectAll(true)">导出全部</div>
 </div>
<Table border ref="tables" :columns="tableColumns" :data="tableData"  @on-selection-change='slesctChange' >
</Table>

js部分 表格的内容，因为产品设计点击一个单选框才会显示表格的checkbox,所以选用了push

 computed: {
    tableColumns () {
      let columns = []
      if (this.showCheckbox) {
        columns.push({ type: 'selection', align: '