Elementui 树形表格 导出

Element UI 的树形表格导出可以通过以下步骤实现：

1. 安装 XLSX 库：使用 npm 或 yarn 安装 xlsx 库，该库可以将数据导出为 Excel 文件。命令如下：

   npm install xlsx -S

2. 在需要导出数据的组件中引入 xlsx：

   import XLSX from 'xlsx'

3. 编写导出方法：在需要导出数据的组件中编写一个方法，将数据转换为 Excel 文件并下载。示例代码如下：

   exportData() {
     // 获取树形表格数据
     const data = this.$refs.tree.$el.querySelector('.el-table__body-wrapper').childNodes

     // 将数据转换为二维数组
     const rows = []
     data.forEach(row => {
       const rowData = []
       row.querySelectorAll('.cell').forEach(cell => {
         rowData.push(cell.innerText)
       })
       rows.push(rowData)
     })

     // 将数据转换为工作簿
     const worksheet = XLSX.utils.aoa_to_sheet(rows)

     // 将工作簿添加到工作簿集合中
     const workbook = XLSX.utils.book_new()
     XLSX.utils.book_append_sheet(workbook, worksheet, 'Sheet1')

     // 生成 Excel 文件并下载
     XLSX.writeFile(workbook, 'data.xlsx')
   }

4. 在页面中添加导出按钮：在需要导出数据的页面中添加一个按钮，并绑定导出方法。示例代码如下：

   <el-button type="primary" @click="exportData">导出</el-button>

完成以上步骤后，当用户点击导出按钮时，将会自动下载一个名为 data.xlsx 的 Excel 文件，其中包含树形表格中的数据。