做项目时遇到让前端实现模板下载功能，第一次碰到这种需求，记录一下。

下载csv 模板：

<el-button type="primary" @click="download('data/CSVXX.csv')">下载模板</el-button>

const download = (url) => {const fileName = 'CSVXX.csv';let a = document.createElement('a');a.download = fileName;a.href = url;document.body.append(a);a.click();URL.revokeObjectURL(a.href);a.remove();
};

项目是使用的vue3，模板文件是放在public文件里的。