Vue实现下载文件功能（类似a标签下载文件功能）-白红宇的个人博客

发布日期：2021-05-10 23:54:35 浏览次数：14 分类：精选文章

本文共 280 字，大约阅读时间需要 1 分钟。

效果图：

业务需求：每行数据都有自己的文件路径保存在数据库中，如何获取文件保存在数据库的路径并下载该文件？

常见的通过a标签下载文件

点击下载

或者二维码下载

动态下载不会写怎么办？

可以尝试用以下的方法：

只要两步就可以实现效果图中的功能


   
    下载

methods:{   	/** 下载文件存储路径 */    getFileSrc(row) {         window.open(row.fileSrc);    },}

上一篇：SecureCRT和SecureFX的下载和安装

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

使用promise封装wx:requset() 2021-05-09

LeetCode 637 二叉树的层平均值-简单 2021-05-09

Redis-day2-五种数据结构类型与数据持久化AOF+RDB 2021-05-10

IOS开发Swift笔记16-错误处理 2021-05-10

redis中RDB和AOF的区别 2021-05-10

this.$router.push不起作用（this指向错误） 2021-05-10

SpringBoot工程临时加一个分页的yml文件没有生效 2021-05-10

python基础语法 2021-05-10

设计模式-创建型02-工厂模式-工厂方法模式01 2021-05-10

stm32 uv5打开uv4工程错误 2021-05-10

C# 异常 2021-05-10

strlen sizeof 快 2021-05-10

【Java-27】Java常见错误记录 2021-05-10

andriod 开发错误记录 2021-05-10

创建一个简单的SpingBoot项目，并且部署到linux上运行 2021-05-10

mysql8.0及以上在my.cnf设置sql_mode之后mysql无法启动 2021-05-10

C语言编译错误列表 2021-05-10

6大亮点抢先看！Facebook加密货币项目Libra白皮书解读 2021-05-10

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 460896437 位访客