VUE中使用vue-json-excel超级方便导出excel表格数据

Question

如题所述

Answer 1

一、安装vue-json-excel

npm install vue-json-excel -S

二、main.js里面引入并注册使用

import JsonExcel from 'vue-json-excel'

Vue.component('downloadExcel', JsonExcel)

三、页面中使用

<download-excel

    class = "export-excel-wrapper"

    :data = "json_data"

    :fields = "json_fields"

    name = "filename.xls">

    <!-- 上面可以自定义自己的样式，还可以引用其他组件button -->

    <!-- <el-button type="primary" size="small">导出EXCEL</el-button> -->

</download-excel>

       在这里说明一下组件的各个属性

json_data：需要导出的数据

json_fields：自主选择要导出的字段，若不指定，默认导出全部数据中心全部字段