vue+elementui 使用表格XLSX.utils导出数据重复

在使用Vue.js和Element UI时，如果你遇到使用XLSX.utils导出数据时数据重复的问题，可能是因为你在处理数据或者在导出过程中有一些不正确的逻辑。

以下是一个简化的解决方案示例：

1. 确保你在导出数据之前没有重复的数据条目。
2. 确保你在处理数据时没有意外地复制或多次引用同一个数据对象。
3. 如果你在使用element-ui的el-table组件，确保你没有错误地将表格的数据属性直接传递给导出函数。

示例代码：

<template>
  <el-button @click="exportData">导出数据</el-button>
</template>
 
<script>
import XLSX from 'xlsx';
 
export default {
  methods: {
    exportData() {
      // 假设你的表格数据是从data-source变量中获取的
      const data = this.dataSource.map(item => ({...item})); // 确保每行数据是独立的
      const ws = XLSX.utils.json_to_sheet(data);
      const wb = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
      XLSX.writeFile(wb, "数据.xlsx");
    }
  }
}
</script>

在这个示例中，我们在导出数据之前创建了一个新的数据数组，确保每一行数据都是独立的，没有引用相同的对象。这样可以避免在导出时出现数据重复的问题。如果你的数据源是一个对象数组，我们使用了展开操作符{...item}来创建每行的新副本。

如果问题依然存在，请检查你的数据源是否有重复的数据，或者你的导出逻辑是否正确处理了数据。如果需要进一步的帮助，请提供更多的代码细节以便进行更深入的分析。