vue导出Excel表格

1.安装导出excel依赖

 	npm install -S file-saver xlsx
	npm install -D script-loader

2.在str文件夹中新建文件，引入两份文件 Blob.js和Export2Excel.js

3.在页面中添加导出事件

<el-button type="success" icon="el-icon-download" @click.native.prevent='dialogFormAdd'>导出</el-button>

import { export_excel } from '../../excel/Export2Excel' //引入文件
export default {
	data() {
		return {
		}
	},
	methods: {
		//导出学生信息
			dialogFormAdd() {
				require.ensure([], () => {
					const tHeader = ['名称', '年龄', '性别',] // 对应表格输出的中文title
					const filterVal = ['name', 'age','gender' ,] // 对应表格输出的数据 
					var wjname = '学生信息';
					//请求后台数据
					this.$api.WebExportExportCar()
						.then(res => {
							if(res.Code == 0) {
								var list = res.Data //获取的 表格数据
								const data = this.formatJson(filterVal, list)
								export_excel(tHeader, data, wjname) // 对应下载文件的名字
							} else {
								this.$message.warning('导出失败')
							}
						})
						.catch(error => {})
				})
			},
			//请求的数据跟表格的头部一一对应
			formatJson(filterVal, jsonData) {
				return jsonData.map(v => filterVal.map(j => v[j]))
			},
	}
}