vue-json-excel前端导出excel

vue-json-excel前端导出excel
下载vue-json-excel

npm install vue-json-excel -S

mian.js引入
import JsonExcel from ‘vue-json-excel’
注册组件downloadExcel
Vue.component(‘downloadExcel’, JsonExcel)
页面引入

<download-excel
     class="export-excel-wrapper"
     :data="tableList"
     :fields="json_fields"
     header="这是个excel的头部"
     name="导出的表格名称.xls"
 >
     <el-button
         icon="el-icon-upload2"
         size="mini"
         style="    border-radius: 30px;3333 color: black; border-color: black;"
         >导出</el-button
     >
 </download-excel>

data为导出数据
json_fields为格式
key为excel名称
val为table中的值

 json_fields: {
      序号: "storeId",
      门店名称: "storeName",
      用户总数: "userCount",
      活动参加人数: "joinCount",
      有效活动数: "effectCount",
      老板: "activityValue",
      跟进人: "follower",
      开户时间: "handleTime",
  },