需求是:将表格放到项目里面的静态资源文件夹内,然后点击下载,在浏览器上下载这个文件。

将文件放到静态资源文件夹下面(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 文件夹。

Logo

前往低代码交流专区

更多推荐