Ant Design Vue下载本地文件（其他框架也适用）

2020.11.13更新

发现自己这么写很麻烦，在文件少的情况下，可以直接将文件放入public文件夹内，

<a :href="aaaaa.xlsx" download="xxx项目列表.xlsx">文件下载</a>

这里的 aaaaa.xlsx是public内的文件，download的内容是可以作为自己下载的文件名，

这两个名称可以一致也可以不一致，最后这个下载下来的文件名是download内填写的文件名。

这个不用写单独的url，简单方便。

原内容：

这个是需要将会使用到的不改变的东西下载下来给用户看，比如某个模板文件，只有文件格式类的东西

因为vue打包后的文件路径与现在不一致，所以需要把文件存放在public文件夹内，才能保证打包后路径不会改变

看代码：

<a :href="url.downloadUrl" download="1test.xlsx">文件下载</a>

这里使用a标签直接下载，downloadUrl 是文件的路径，download内存放文件名

这里的路径downloadUrl在data里面放置，

url: {downloadUrl: '/file/1test.xlsx',
},

基本是这样的，已经测试过了，如有问题或补充欢迎留言！

Ant Design Vue下载本地文件（其他框架也适用）相关推荐

Ant Design Vue上传文件
ant design因为使用的人比较多,成为了主推,但是坑很多.做了一个上传导入附加参数的导入功能,话不多说,上代码: 链接API : https://vue.ant.design/component ...
前端vue下载本地文件
文件放在静态文件目录下 <el-button type="success" icon="el-icon-download" @click="do ...
Ant design vue动态主题切换的坑与一般性方法
本文原创,并且以吐槽为主,下面开始: Ant design vue是很优秀的框架,不过对于一般小白用户(比如我),文档方面不够友好.官方给出了主题自定义色彩的方案,但是太过于简陋,网上很多技术解决方案 ...
基于 Vue3.0 和 Ant Design Vue ,高颜值管理后台UI框架vue-vben-admin运行
简介 Vue Vben Admin 是一个免费开源的中后台模版.使用了最新的vue3,vite2,TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考. Github地址 ...
Vue下载本地pdf、word、excel文件
Vue下载本地pdf.word.excel文件项目需求具体实现注意项目需求在项目中需要对pdf.word.excel等文档的下载也就是获取文件的静态路径,下载到本地. 方案 :利用 axi ...
ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式问题历程 UploadList 组件源码 h() 方法实现注问题技术:vue.ant design vue 在开发项 ...
iviewui php,Vue UI框架对比：Element UI、Ant Design Vue、iView
Element UI 文档:https://element.eleme.io/#/zh-CN/component/installation vue-element-admin预览:https://pa ...
Vue3:基础项目UI框架PC端（Element ui，view-ui-plus，Ant Design Vue）
1.Element ui 文档已经更新至Vue3,可以放心使用,在使用Element ui的时候注意在使用弹性布局的时候,Element ui中的Table 表格会出现缩放无法自适应问题. 安装 $ ...
【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
1,首先在vue2项目中安装ant design vue组件 npm install ant-design-vue@1.7.2 2,a-cascader组件在页面中的使用 <template&g ...
2019 Electron+Vue+Ant Design Vue仿网易云音乐windows客户端实战分享
特点拖拽播放桌面歌词 mini模式自定义托盘右键菜单任务栏缩略图,歌曲操作音频可视化自动/手动检查更新 Nedb数据库持久化自定义安装路径,安装界面美化浏览器中启动客户端 Travis ...

Ant Design Vue下载本地文件（其他框架也适用）

Ant Design Vue下载本地文件（其他框架也适用）相关推荐

最新文章

热门文章