vue 使用xlsx导出树形表格
时间: 2023-09-02 08:14:02 浏览: 126
vue xlsx表单导出
5星 · 资源好评率100%
1. 安装依赖
```
npm install xlsx
```
2. 编写导出函数
```js
import XLSX from 'xlsx'
export function exportTreeToExcel(data, filename) {
const sheet = XLSX.utils.json_to_sheet(data)
const workbook = XLSX.utils.book_new()
XLSX.utils.book_append_sheet(workbook, sheet, 'Sheet1')
XLSX.writeFile(workbook, `${filename}.xlsx`)
}
```
3. 调用导出函数
```js
exportTreeToExcel(this.tableData, 'tree-table')
```
其中,`this.tableData` 是树形表格数据,`'tree-table'` 是导出的文件名。
注意:这种方式只能导出展开后的所有数据,而不能导出收起后的树形结构。
阅读全文