js实现点击下载文件

一、实现方式

　　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.open()，有时可以，有时不可以下载；

　　window.location.href，由于无法添加download属性，所以只能下载浏览器不支持打开的文件，其他的会被浏览器打开；