使用 Vue.js 实现 Excel 文件的导入和导出

<template>
  <div>
    <input type="file" @change="handleFileUpload"/>
    <button @click="exportToExcel">导出Excel</button>
  </div>
</template>
 
<script>
export default {
  methods: {
    handleFileUpload(event) {
      const file = event.target.files[0];
      const reader = new FileReader();
      reader.onload = e => {
        const data = new Uint8Array(e.target.result);
        // 使用库如xlsx处理data
      };
      reader.readAsArrayBuffer(file);
    },
    exportToExcel() {
      // 创建表格数据，使用库如xlsx生成Excel文件
      const ws = XLSX.utils.json_to_sheet(this.yourData);
      const wb = XLSX.utils.book_new();
      XLSX.utils.book_append_sheet(wb, ws, "Sheet1");
      XLSX.writeFile(wb, "your_excel_file.xlsx");
    }
  }
}
</script>

这个简单的例子展示了如何在Vue.js中处理文件上传（导入）和导出Excel文件。需要注意的是，实际应用中你需要使用第三方库如xlsx来处理Excel文件的读写。导入时，你可以读取文件并处理数据；导出时，你可以将数组或对象转换为Excel表格并下载文件。