做项目时遇到让前端实现模板下载功能,第一次碰到这种需求,记录一下。
下载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文件里的。