uniapp如何实现导出excel
时间: 2023-10-02 16:12:36 浏览: 102
UNiapp之微信小程序导出Excel
UniApp可以使用JS-XLSX库来实现导出Excel文件。以下是一个示例代码:
1. 安装JS-XLSX库
```bash
npm install xlsx --save
```
2. 在需要导出Excel的页面引入JS-XLSX库
```javascript
import XLSX from 'xlsx'
```
3. 编写导出Excel的函数
```javascript
export function exportExcel(data, fileName) {
const sheetName = 'Sheet1'
const wb = XLSX.utils.book_new()
const ws = XLSX.utils.json_to_sheet(data)
XLSX.utils.book_append_sheet(wb, ws, sheetName)
XLSX.writeFile(wb, `${fileName}.xlsx`)
}
```
其中,data为要导出的数据,可以是一个数组或对象;fileName为导出的文件名。
4. 在需要导出Excel的地方调用导出函数
```javascript
exportExcel(data, fileName)
```
完整示例代码:
```javascript
<template>
<view class="container">
<button @tap="exportExcel">导出Excel</button>
</view>
</template>
<script>
import XLSX from 'xlsx'
export default {
methods: {
exportExcel() {
const data = [
{ name: '张三', age: 18, gender: '男' },
{ name: '李四', age: 20, gender: '女' },
{ name: '王五', age: 22, gender: '男' },
]
const fileName = '人员信息'
const sheetName = 'Sheet1'
const wb = XLSX.utils.book_new()
const ws = XLSX.utils.json_to_sheet(data)
XLSX.utils.book_append_sheet(wb, ws, sheetName)
XLSX.writeFile(wb, `${fileName}.xlsx`)
},
},
}
</script>
```
阅读全文