vxe-table导出树形表格序号格式问题: 1.1.1.1 变成 -1 的解决方法

{"title":"vxe-table导出树形表格序号格式问题: 1.1.1.1 变成 -1 的解决方法","description":"vxe-table导出树形表格时，序号类型设置为seq(1.1.1.1)但在xlsx文件中显示为-1？本文提供解决方案，通过自定义导出方法保持序号格式。","keywords":"vxe-table, 导出, 树形表格, 序号, seq, xlsx, 1.1.1.1, -1, 解决方案, 自定义导出, exportData, seqConfig","content":"这个问题可能是由于vxe-table在导出时序号的格式设置出现了错误。在vxe-table中，type="seq"的序号格式默认是1.1.1.1，但是在导出为xlxs文件时，默认的序号格式是数字，所以会显示为-1。\n\n为了解决这个问题，你可以通过自定义导出的方式来保持序号的格式。具体步骤如下：\n\n1. 首先，在你的vxe-table组件中，添加一个自定义的导出方法，例如exportTable。\n\n2. 在这个方法中，使用vxe-table的exportData方法将树形表格数据导出为xlxs文件。\n\n3. 在exportData方法的参数中，设置一个自定义的columnExport属性，将树形表格的列配置以及序号的列配置传入。\n\n4. 在序号的列配置中，将type属性设置为"seq"，并且设置seqConfig属性为"{seqMethod: 'auto'}"，这样可以保持序号的格式为1.1.1.1。\n\n5. 最后，调用exportData方法将数据导出为xlxs文件。\n\n下面是一个示例代码：\n\njavascript\nexportTable() {\n // 树形表格的列配置\n const columns = [\n {\n field: \"__index__\", // 序号列的字段名\n title: \"序号\",\n width: 100,\n type: \"seq\", // 设置序号类型为seq\n seqConfig: {\n seqMethod: \'auto\' // 设置序号的格式为1.1.1.1\n }\n },\n // 其他列配置...\n ];\n\n // 导出xlxs文件\n this.$refs.table.exportData({\n filename: \'table\', // 导出文件的名称\n sheetName: \'Sheet1\', // 导出文件的表格名称\n original: false, // 是否导出原始数据（即未经过表格渲染的数据）\n columnFilter: false, // 是否导出列过滤配置\n columnGroups: false, // 是否导出列分组配置\n columnMerge: false, // 是否导出列合并配置\n columnOrder: false, // 是否导出列顺序配置\n columns // 将列配置传入\n });\n}\n\n\n通过以上的方法，你可以保持序号的格式为1.1.1.1，并且正确地导出到xlxs文件中。"}