黑豹程序员-vue3下载文件

原理

vue3利用在页面中动态创建a标签，设置a标签属性，触发a标签的click实现文件下载。

代码

在前端工程的public资源目录下，创建template模板文件目录，把要下周的模板文件放入：product-dir.xlsx

        <el-button type="warning" size="small" @click="fileDownload(`/template/product-dir.xlsx`)">
          <el-icon>