vue解析public下的excel模板对模板数据进行修改添加后对表格添加样式后导出如何添加表格样式

在vue中可以使用第三方库xlsx-style来给excel表格添加样式。具体步骤如下：

1. 安装xlsx-style库

npm install xlsx-style --save

2. 导入xlsx-style库

import XLSX from 'xlsx';
import XLSX_STYLE from 'xlsx-style';

3. 定义样式

const style = XLSX_STYLE.utils.book_new();
const ws = XLSX_STYLE.utils.aoa_to_sheet([
  ['姓名', '年龄', '性别'],
  ['张三', 20, '男'],
  ['李四', 25, '女'],
  ['王五', 30, '男'],
]);
// 设置表格样式
ws['!cols'] = [
  { width: 10 },
  { width: 10 },
  { width: 10 },
];
// 设置表头样式
ws['A1'].s = {
  font: { bold: true },
  fill: { bgColor: { indexed: 64 }, fgColor: { rgb: 'FFC000' } },
  border: {
    top: { style: 'thin', color: { auto: 1 } },
    bottom: { style: 'thin', color: { auto: 1 } },
    left: { style: 'thin', color: { auto: 1 } },
    right: { style: 'thin', color: { auto: 1 } },
  },
};

4. 导出excel表格

const wb = XLSX_STYLE.utils.book_new();
XLSX_STYLE.utils.book_append_sheet(wb, ws, 'sheet1');
XLSX_STYLE.writeFile(wb, 'example.xlsx');

以上就是在vue中使用xlsx-style给excel表格添加样式的步骤。需要注意的是，xlsx-style只能处理.xlsx格式的文件，而不能处理.xls格式的文件