(标签-excel，vue ,excelJS应用)

Question

vue2中引用 excelJS,想通过excelJS将数据写入到一个已经存在的excel模板里面，这个模板不要通过点击选取文件来获得路径，数据写完后，另外保存成一个文件，模板里面的内容不要改变。请问该如何实现？

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

解决方案

使用 excelJS 库可以轻松地将数据写入到 Excel 模板中。下面是一个简单的示例代码：

import { Workbook } from 'exceljs';

// 创建一个工作簿对象
const workbook = new Workbook();

// 读取模板文件
const templateFile = 'template.xlsx';
workbook.xlsx.readFile(templateFile).then(() => {
  // 获取模板中的工作表
  const worksheet = workbook.sheets['Sheet1'];

  // 将数据写入到工作表中
  worksheet.data = [
    ['Name', 'Age', 'City'],
    ['John', 25, 'New York'],
    ['Mary', 30, 'Los Angeles'],
  ];

  // 保存数据到一个新的文件
  const outputFile = 'output.xlsx';
  workbook.xlsx.writeFile(outputFile).then(() => {
    console.log('数据写入成功!');
  });
});

在上面的代码中，我们首先创建了一个 Workbook 对象，然后使用 xlsx.readFile 方法读取模板文件。接下来，我们获取模板中的工作表，并将数据写入到工作表中。最后，我们使用 xlsx.writeFile 方法将数据保存到一个新的文件中。

重要注意事项

• 在使用 excelJS 库时，需要确保模板文件和输出文件的路径正确。
• 在写入数据时，需要确保工作表的数据类型正确，例如，如果模板中的单元格类型是字符串，则需要将数据转换为字符串。
• 在保存数据时，需要确保输出文件的路径正确。

Vue.js 中使用 excelJS

在 Vue.js 中使用 excelJS 库可以使用以下方式：

<template>
  <button @click="writeDataToExcel">写入数据到 Excel</button>
</template>

<script>
import { Workbook } from 'exceljs';

export default {
  methods: {
    writeDataToExcel() {
      // 创建一个工作簿对象
      const workbook = new Workbook();

      // 读取模板文件
      const templateFile = 'template.xlsx';
      workbook.xlsx.readFile(templateFile).then(() => {
        // 获取模板中的工作表
        const worksheet = workbook.sheets['Sheet1'];

        // 将数据写入到工作表中
        worksheet.data = [
          ['Name', 'Age', 'City'],
          ['John', 25, 'New York'],
          ['Mary', 30, 'Los Angeles'],
        ];

        // 保存数据到一个新的文件
        const outputFile = 'output.xlsx';
        workbook.xlsx.writeFile(outputFile).then(() => {
          console.log('数据写入成功!');
        });
      });
    },
  },
};
</script>

在上面的代码中，我们使用 excelJS 库在 Vue.js 中写入数据到 Excel 模板中。