vue导出数据到excel表格
时间: 2023-05-31 08:06:19 浏览: 99
Vue实现导出excel表格功能
可以使用第三方库`xlsx`来实现将Vue中的数据导出到Excel表格。
首先需要安装`xlsx`库:
```
npm install xlsx --save
```
然后在Vue组件中引入`xlsx`库:
```
import XLSX from 'xlsx'
```
接下来就可以在Vue组件的方法中使用`XLSX`库来导出Excel表格了。下面是一个示例:
```
export default {
methods: {
exportToExcel() {
const data = [
['姓名', '年龄', '性别'],
['张三', 18, '男'],
['李四', 20, '女'],
['王五', 22, '男']
]
const worksheet = XLSX.utils.aoa_to_sheet(data)
const workbook = XLSX.utils.book_new()
XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')
XLSX.writeFile(workbook, 'data.xlsx')
}
}
}
```
在上面的示例中,`data`数组中存储了要导出的数据,`XLSX.utils.aoa_to_sheet`方法将数据转换成Excel表格中的工作表,`XLSX.utils.book_new`方法创建一个新的工作簿,`XLSX.utils.book_append_sheet`方法将工作表添加到工作簿中,`XLSX.writeFile`方法将工作簿写入到文件中。
调用`exportToExcel`方法即可将数据导出到Excel表格。
阅读全文