一、实现方式
1. a标签
<a class="down" :href="item.path" :download="item.file_name">下载</a>
需要注意的是download属性,当不加download属性时,如果文件格式为txt、pdf、jpg等浏览器支持直接打开的文件格式,那么不会下载,而是浏览器直接打开;添加download属性之后,就会下载,并且下载文件默认命名为download属性的值;
2. 通过js创建a标签
let aDom = document.createElement('a');
aDom.style.display = 'none';
aDom.href = item.path;
aDom.setAttribute('download', item.file_name);
document.body.appendChild(aDom);aDom.click();
document.body.removeChild(aDom);
二、注意事项
window.location.href、window.open由于无法添加download属性,所以只能下载浏览器不支持打开的文件,其他的会被浏览器打开;