今天做vue 下载功能（通过a标签下载）。遇到一起的奇怪的现象
image.png
点击下载，疯狂下载，一直到服务器崩溃。
// 下面的写法是错误的 下载事件 downloadTable 与a标签的 click事件重叠（因为下载需要调用a标签的事件【 this.$refs.file.click();】）
<el-button type="primary" size="small" @click="downloadTable" class="button">
<a :href="url" ref="file" :download="downloadName"></a>
<i class="el-icon-upload"></i> 导出
</el-button>
// 下面是正确的写法
<a :href="url" ref="file" :download="downloadName"></a>
<el-button type="primary" size="small" @click="downloadTable" class="button">
<i class="el-icon-upload"></i> 导出
</el-button>
网友评论