vue3 项目中 前端实现下载模板 csv文件

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

下载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文件里的。

相关推荐

  1. vue3 项目 前端实现下载模板 csv文件

    2024-05-16 13:46:13       24 阅读
  2. vue+Element-ui实现模板文件下载

    2024-05-16 13:46:13       34 阅读
  3. Vue前端如何配合SpringBoot后端实现文件下载

    2024-05-16 13:46:13       29 阅读
  4. 前端实现文件下载

    2024-05-16 13:46:13       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-16 13:46:13       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-16 13:46:13       100 阅读
  3. 在Django里面运行非项目文件

    2024-05-16 13:46:13       82 阅读
  4. Python语言-面向对象

    2024-05-16 13:46:13       91 阅读

热门阅读

  1. PostgreSQL进行大版本升级

    2024-05-16 13:46:13       23 阅读
  2. 什么是Docker容器的基础镜像

    2024-05-16 13:46:13       34 阅读
  3. 2024年第四届长三角高校数学建模竞赛C题思路

    2024-05-16 13:46:13       34 阅读
  4. 常见递归问题

    2024-05-16 13:46:13       30 阅读
  5. css基础之定位、元素的显示与隐藏

    2024-05-16 13:46:13       31 阅读
  6. C++虚函数的使用

    2024-05-16 13:46:13       35 阅读
  7. 如何在MATALB中调用libMR

    2024-05-16 13:46:13       30 阅读
  8. 俄罗斯方块【python,小游戏】

    2024-05-16 13:46:13       28 阅读