vue中纯前端实现导出简单Excel表格的功能

使用方法：

1.安装依赖

npm install vue-json-excel

2.main.js引入

import Vue from 'vue'

import JsonExcel from 'Vue-json-excel'

Vue.component('downloadExcel', JsonExcel)

3.在模板中使用

<download-excel :data="dataList" :fields="json_fields" worksheet="My Worksheet" name="表格名称">导出明细列表** 

</download-excel>

3.1模板中标签属性的说明

name=“轨迹点明细” --------------导出Excel文件的文件名*** 

:fields = “json_fields” ----------------Excel中表头的名称

:data = “guijidianList” -------------------导出的数据

4.数据定义

json_fields:{  //表头

'姓名'：'name',

'年龄':'age',

'性别':'sex'

},

dataList:{ //数据

'name'：'张三',

'age':'25',

'sex':'男'

}