uniapp将数据导出成excel
时间: 2023-10-08 21:05:25 浏览: 319
要将Uniapp中的数据导出到Excel文件中,可以使用js-xlsx库。
首先,在你的Uniapp项目中安装js-xlsx库:
```
npm install xlsx --save
```
然后在需要导出Excel文件的页面中引入该库:
```javascript
import XLSX from 'xlsx';
```
接下来,创建一个函数来将数据导出到Excel:
```javascript
export function exportExcel(data, fileName, sheetName) {
/* 创建Excel文件 */
const wb = XLSX.utils.book_new();
/* 创建Sheet */
const ws = XLSX.utils.json_to_sheet(data);
/* 将Sheet添加到Excel文件中 */
XLSX.utils.book_append_sheet(wb, ws, sheetName);
/* 生成Excel文件 */
XLSX.writeFile(wb, fileName + '.xlsx');
}
```
这个函数接收三个参数:要导出的数据、文件名和Sheet名称。例如,你可以在按钮的点击事件中调用该函数:
```javascript
exportExcel([
{ name: '张三', age: 20, sex: '男' },
{ name: '李四', age: 25, sex: '女' },
{ name: '王五', age: 30, sex: '男' }
], '用户信息', 'Sheet1');
```
这将生成一个名为“用户信息.xlsx”的Excel文件,其中包含一个名为“Sheet1”的Sheet,里面包含了三个用户的信息。
注意,由于导出Excel需要使用本地文件系统,因此该函数只能在浏览器环境中运行,而不能在微信小程序等非浏览器环境中使用。
阅读全文