如果你习惯于vue ui的 话 可以直接搜索依赖安装
npm install vue-json-excel -S
在main.js中使用
import JsonExcel from 'vue-json-excel'
Vue.component('downloadExcel', JsonExcel)
看使用方法就知道这是注册了一个全局组件，我们只需要传入相应的属性即可了
<downloadExcel
:data="json_data"
:fields="json_fields"
header="表格标题"
name="需要导出的表格名称.xls"
>
<el-button type="primary" size="small">导出EXCEL</el-button>
</downloadExcel>
给大家复制 方便测试
json_data: [
{
Name: "张三",
China: "90",
Math: "93",
English: "88"
},
{
Name: "李四",
China: "94",
Math: "92",
English: "86"
}
],
json_fields: {
姓名: "Name",
语文: "China",
数学: "Math",
英语: "English"
},
