Vue 编辑本地 Excel 文件并保持模板样式

要将本地 Excel 文件进行编辑添加并导出，可以使用以下步骤：

1. 安装并引入 xlsx 插件，可以通过 npm 安装或者直接通过 CDN 引入。

2. 使用 axios 或者其他方式将本地 Excel 文件读取到内存中，生成一个 Workbook 对象。

3. 通过 Workbook 对象获取需要编辑的 Sheet 对象。

4. 对 Sheet 对象进行操作，例如添加数据、修改数据、删除数据等。

5. 将修改后的 Workbook 对象导出为 Excel 文件，可以设置导出的文件名和文件格式。

6. 在导出的过程中，可以通过设置样式来保持模板样式，例如设置单元格的边框、字体、颜色等。

示例代码：

import XLSX from 'xlsx';

// 读取本地 Excel 文件
const file = document.getElementById('file').files[0];
const reader = new FileReader();
reader.readAsArrayBuffer(file);
reader.onload = function (e) {
  const data = new Uint8Array(reader.result);
  // 生成 Workbook 对象
  const workbook = XLSX.read(data, { type: 'array' });
  // 获取 Sheet 对象
  const sheet = workbook.Sheets['Sheet1'];
  // 添加数据
  XLSX.utils.sheet_add_aoa(sheet, [['new data']]);
  // 设置样式
  sheet['!cols'] = [{ width: 15 }, {}];
  sheet['!rows'] = [{ height: 30 }, {}];
  sheet['A1'].s = { border: { top: { style: 'thin' }, bottom: { style: 'thin' } } };
  // 导出 Excel 文件
  const wbout = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
  const blob = new Blob([wbout], { type: 'application/octet-stream' });
  const fileName = 'output.xlsx';
  saveAs(blob, fileName);
};

其中，saveAs 函数是文件保存的方法，可以使用 FileSaver.js 库实现，也可以自己实现。