纯VUE实现自定义字段导出EXCEL

A：

实现自定义字段导出EXCEL可以分为以下几个步骤：

1.构建表格数据：首先需要从后台获取表格数据，将其构建成一个二维数组，同时需要定义表头等相关参数。

2.创建表格对象：使用第三方库（如xlsx）创建表格对象，设置表格标题等相关参数。

3.填充表格数据：循环将表格数据中的每个元素写入表格中。可以根据需要导出的字段，只填充特定的列。

4.导出表格文件：使用FileSaver.js等库将表格文件保存到本地。

下面是一个纯VUE实现自定义字段导出EXCEL的示例代码：

<template>
<div>
<button @click="exportExcel">导出Excel</button>
</div>
</template>

<script>
import { utils, writeFile } from 'xlsx';

export default {
data() {
return {
tableData: [
['姓名', '年龄', '性别', '城市'],
['张三', 18, '男', '北京'],
['李四', 20, '女', '上海'],
],
};
},
methods: {
exportExcel() {
const headers = ['姓名', '性别']; // 自定义导出的字段
const data = this.tableData.map(item => {
return headers.map(key => item[key]);
});
data.unshift(headers); // 表头数据

const ws = utils.aoa_to_sheet(data);
const wb = utils.book_new();
utils.book_append_sheet(wb, ws, 'Sheet1');
const fileName = '表格数据.xlsx';
writeFile(wb, fileName);
},
},
};
</script>

上面的示例代码使用了xlsx库来创建和填充表格数据。需要注意的是，该库默认只支持浏览器环境。如果需要在Node.js环境中使用，可以考虑使用node-xlsx库。