多次点击可防止多次点击

Question

我正在使用vuetify数据表，并添加了一个td元素以在单独的浏览器标签上下载pdf。 <td class="add-outline text-xs-left" style="cursor:pointer;" v-on:click.once.stop="openFile(props.item.pdfFile)" ><a target="_blank" :href="props.item.pdfFile" style="text-decoration: none; color: black;">{{ props.item.reportDate }}</a></td> 我尝试过

v-on:click.once

v-on:click.stop

和

v-on:click.stop.once

我的方法仅打开新窗口

  openFile (url) {
      window.open(url)
    },

当我单击它时，将pdf下载两次。防止这种情况发生的最佳方法是什么？

这是使用vue开发工具的点击事件的外观