你好,vxe-table 组件在导出树形表格时,默认的序号 type 为 "seq",表示使用 1.1.1.1 这样的序号格式。如果在导出的 xlxs 文件中,序号显示为 -1,可能是因为导出的数据格式或者配置有问题。以下是一个完整的示例代码,你可以参考一下:

<template>
  <div>
    <vxe-table
      ref="xTable"
      :data="tableData"
      border
      show-header
      :tree-config="{ children: 'children', expandAll: true }"
    >
      <vxe-table-column type="seq" width="60" align="center"></vxe-table-column>
      <vxe-table-column field="name" title="名称"></vxe-table-column>
      <vxe-table-column field="age" title="年龄"></vxe-table-column>
      <vxe-table-column field="address" title="地址"></vxe-table-column>
    </vxe-table>

    <button @click="exportTable">导出</button>
  </div>
</template>

<script>
import { exportToExcel } from 'vxe-table-plugin-export';

export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 20,
          address: '北京市',
          children: [
            {
              name: '李四',
              age: 18,
              address: '上海市',
              children: [
                {
                  name: '王五',
                  age: 22,
                  address: '广州市',
                },
                {
                  name: '赵六',
                  age: 25,
                  address: '深圳市',
                },
              ],
            },
            {
              name: '钱七',
              age: 30,
              address: '成都市',
            },
          ],
        },
      ],
    };
  },
  methods: {
    exportTable() {
      this.$refs.xTable.exportData({
        type: 'excel',
        filename: 'tree_table.xlsx',
        // 导出的序号type为"seq"
        // 这里可以设置序号的格式化方法
        original: false, // 是否导出源数据,默认为 false,如果为 true,则不进行数据格式转换
        download: true,
      });
    },
  },
};
</script>

在上面的代码中,我们使用了 vxe-table 的 exportToExcel 方法来实现导出功能。在 exportTable 方法中,通过 this.$refs.xTable.exportData 来触发导出操作。注意设置 type 为 'excel',filename 为导出的文件名。original 参数设置为 false,表示进行数据格式转换。这样导出的 xlxs 文件中的序号应该是 1.1.1.1 的格式。

希望对你有帮助!

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

原文地址: https://www.cveoy.top/t/topic/py9J 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录