①安装依赖xlsx
npm install xlsx
②在组件中引入xlsx
import xlsx from 'xlsx'
③编写导出数据的方法
//导出excel
const outExcel = () => {
if (selctList.length === 0) {
//ant消息框
message.warning('请先选中需要导出的数据');
return
}
let sheet=xlsx.utils.json_to_sheet(selctList);
let book=xlsx.utils.book_new();
xlsx.utils.book_append_sheet(book,sheet,"sheet1");
xlsx.writeFile(book,`userlist${new Date().getTime()}.xls`);
}
selctList:是需要导出的数据(这里的数据格式为数组里面包含对象的类型如下图)
xlsx.writeFile(book,`userlist${new Date().getTime()}.xls`);`userlist${new Date().getTime()}.xls`这里是导出的文件名,(userlist+时间戳+.xls后缀名);
可以将需要导出的数据使用map方法进行改造,
导出的内容如下图所示