前端导出/前端实现导出功能 && 调用接口导出

1.前端导出，不需要调用后台接口后台导出，前端直接实现导出功能

导出table数据

js 引入

  import FileSaver from "file-saver";

  import XLSX from "xlsx";

 

table id  out-table

 

<el-table
      v-loading="dataLoading"
      ref="multipleTable"
      id="out-table"
      :data="tableData3"
      border
      tooltip-effect="dark"
    >
      <el-table-column label="序号" width="50">
        <template slot-scope="scope">{
 {scope.$index+1}}</template>
      </el-table-column>
      <el-table-column width="200" prop="company" label="所属区域公司">
          <template slot-scope="scope">{
 {scope.row.company.companyName}}</template>
      </el-table-column>
      <el-table-column width="200" prop="storeName" label="门店名称"></el-table-column>
      <el-table-column width="200" prop="storeSn" label="门店编码"></el-table-column>
       <el-table-column width="200" prop="amount" label="门店佣金余额（￥）">