最も単純なのは、ファイルのアドレスを使用して、タグを直接使用してダウンロードすることです(ユニバーサルテンプレートのフロントエンドからのローカルダウンロード)。
<a href="/user/test/xxxx.xls" download="文件名.xls">点击下载</a>
但是有个情况,比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的,而是会直接打开文件,这个时候就需要给a标签添加一个属性“download”;
如果再vue项目中需要下载文件需要放在public文件夹下 需要下载的路径是相对于index.html文件路径 否则会提示下载文件未找到
注意:文件名称一定要用英文
開けない問題がある場合は、まず自分のパスを確認してから、フォルダ名が英語かどうかを確認してください。这种方法绝对好用
一下文章还有更多的方法
https://blog.csdn.net/phhzhhh/article/details/106183647
https://blog.csdn.net/qq_35158525/article/details/103614391
https://www.cnblogs.com/xzybk/p/12696012.html
上記の方法はIEブラウザと互換性がありません
この方法を使用できます。
<el-button size="mini" class="importBtn" v-if="downFlag" @click="download">下载模板</el-button>
download(){
window.location='/perpon.xlsx' // 在项目中的文件地址
},