uniapp 小程序 导出表格
时间: 2023-08-01 07:12:31 浏览: 63
要在UniApp小程序中导出表格,可以使用uni-export2excel插件。以下是使用步骤:
1. 通过 npm 安装插件:
```
npm install uni-export2excel
```
2. 在需要导出表格的页面中引入插件:
```
import export2Excel from '@/node_modules/uni-export2excel'
```
3. 创建导出表格的方法,例如:
```
exportExcel() {
const excelData = [
{
name: '张三',
age: 18,
gender: '男'
},
{
name: '李四',
age: 20,
gender: '女'
}
]
const tHeader = ['姓名', '年龄', '性别']
const filterVal = ['name', 'age', 'gender']
const fileName = '人员信息表格'
export2Excel(tHeader, excelData, filterVal, fileName)
}
```
其中,excelData 是表格数据,tHeader 是表头,filterVal 是表头对应的数据字段,fileName 是导出文件的名称。
4. 在页面中添加导出按钮,绑定导出表格的方法:
```
<template>
<view>
<button @click="exportExcel">导出表格</button>
</view>
</template>
```
这样,点击导出按钮后,就可以将表格导出为 Excel 文件并保存到手机本地。