vue 下载本地静态资源(xls等)
需求是:将表格放到项目里面的静态资源文件夹内,然后点击下载,在浏览器上下载这个文件。将文件放到静态资源文件夹下面(vue-cli3.x 放到 public ),这里的文件不会被 webpack 处理,他们最终会被复制到打包目录下面。代码实现downLoad(){let a = document.createElement('a');let evt = document.createEvent('M
·
需求是:将表格放到项目里面的静态资源文件夹内,然后点击下载,在浏览器上下载这个文件。
将文件放到静态资源文件夹下面(vue-cli3.x 放到 public ),这里的文件不会被 webpack 处理,他们最终会被复制到打包目录下面。
代码实现
downLoad(){
let a = document.createElement('a');
let evt = document.createEvent('MouseEvents');
a.download = '投诉反馈模板';
a.href = '/document/投诉反馈模板.xls';
evt.initEvent('click',true,true);
a.dispatchEvent(evt);
window.URL.revokeObjectURL(a.href);
},
注意:文件必须放到静态文件夹里面:vue-cli3.x 和 vue-cli4.x 是 public 文件夹;vue-cli2.x 及其以前版本是在 static 文件夹。
更多推荐
已为社区贡献6条内容
所有评论(0)