elementUi +vue 下载功能，点击一下疯狂下载的问题

今天做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>