vue导出excel表格数据

//安装插件
npm install vue-json-excel
//引入main.js
import JsonExcel from "vue-json-excel";
Vue.component("downloadExcel", JsonExcel);
//html代码
<download-excel
    style="margin-right:10px"
    class = "export-excel-wrapper"
    :data="excelInfo"
    :fields="json_fields"
    :name="project_name+'.xls'"
    :before-generate="startDownload"//下载前调用的方法,可以加载数据
>
    <el-button size="small" type="primary" plain >导出excel</el-button>
</download-excel>
//data()数据
json_fields:{
                "表格头":'excelInfo字段',
            }//格式化
excelInfo:[] //数据来源
posted @ 2022-06-08 16:43  Chaplink  阅读(99)  评论(0编辑  收藏  举报