vxe-table 3.6.9 导出树形表格序号显示异常问题解决方案

{"title":"vxe-table 3.6.9 导出树形表格序号显示异常问题解决方案","description":"本文提供了解决vxe-table 3.6.9版本中导出树形表格时，序号type="seq"显示格式为1.1.1.1.2，但导出到xlsx文件中却显示为-1的问题。通过示例代码展示了如何获取树形表格数据、列定义、合并单元格信息以及使用vxe-export库导出数据到xlsx文件。","keywords":"vxe-table, 导出, 树形表格, 序号, type="seq", xlsx, 导出问题, 解决方案, 代码示例","content":""vxe-table 3.6.9 导出树形表格序号显示异常问题解决方案"\n\n本文提供了解决vxe-table 3.6.9版本中导出树形表格时，序号type="seq"显示格式为1.1.1.1.2，但导出到xlsx文件中却显示为-1的问题。\n\n通过示例代码展示了如何获取树形表格数据、列定义、合并单元格信息以及使用vxe-export库导出数据到xlsx文件。\n\njavascript\nimport { ExportXLSX } from \'vxe-export\'\n\n// 导出树形表格\nexportTreeTable() {\n const exportData = this.$refs.treeTable.getTableData({ full: true }) // 获取树形表格的数据\n const columns = this.$refs.treeTable.getTableColumns().filter(column => !column.visible) // 获取树形表格的列定义\n const merges = this.$refs.treeTable.getTableMergeCells().map(merge => merge.row)\n \n ExportXLSX.export({\n filename: \'treeTable.xlsx\',\n sheetName: \'Sheet1\',\n merges,\n columns,\n data: exportData,\n type: \'xlsx\'\n })\n}\n\n\n上述代码中，exportTreeTable函数用于导出树形表格数据。首先，通过this.$refs.treeTable.getTableData({ full: true })获取树形表格的数据，再通过this.$refs.treeTable.getTableColumns()获取树形表格的列定义，并通过filter方法过滤掉不可见的列。然后，通过this.$refs.treeTable.getTableMergeCells().map(merge => merge.row)获取树形表格的合并单元格信息。最后，调用ExportXLSX.export方法导出数据到xlsx文件，其中filename为导出文件的名称，sheetName为导出的Sheet名称，merges为合并单元格的定义，columns为列定义，data为导出的数据，type为导出文件的类型。\n\n请注意，以上代码仅适用于vxe-table版本3.6.9，如果你使用的是其他版本或者自定义了相关配置，可能需要做相应的调整。