VUE实现前端文件下载效果

我想使用VUE将后端数据填入到本地excel模板中 ，然后呈现下载的效果，或直接在后端将数据填入模板中VUE只实现下载功能。该怎么实现呢？

注： excel模板中有图表，后端数据用于更新图表数据；

下载后效果如下图：

在Vue中使用Blob对象或FileSaver库实现前端下载效果。

// 创建Blob对象
let blob = new Blob([excelData], { type: 'application/vnd.ms-excel' });
// 生成下载的a标签
let downloadElement = document.createElement('a');
downloadElement.href = URL.createObjectURL(blob);
downloadElement.download = 'excelData.xls';
// 点击下载
downloadElement.click();

• 你可以参考下这篇文章：前端Vue实现文件下载提示 失败-未发现文件的解决思路