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="门店佣金余额(¥)">