Vue Excel 模板修改样式导出无内容解决方法

在 Vue 中使用 Excel 模板修改数据和样式后，导出的文件却无法显示样式，这是因为你没有把修改后的样式应用到导出的 Excel 文件中。

在修改模板数据和样式后，你需要使用导出 Excel 的插件或库来导出文件，并确保在导出时包含了你所做的样式修改。例如，如果你使用的是 js-xlsx 库导出 Excel 文件，可以在导出时使用 'style' 选项来包含你的样式修改：

var ws = XLSX.utils.json_to_sheet(jsonData);
ws['A1'].s = {font: {bold: true}, fill: {fgColor: {rgb: 'FFFF00'}}};
var wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');
XLSX.writeFile(wb, 'example.xlsx', {bookType: 'xlsx', type: 'binary', style: true});

在这个例子中，我们使用 's' 属性来设置单元格 A1 的样式，然后在导出时设置了 'style' 选项为 true，确保样式被包含在导出的 Excel 文件中。