[Vuejs]-Duplicate click event in v-data-table with action buttons column

4👍

No, the problem is in your item.actions slot – you need to stop click event bubbling from your icons to a table row when your icon is clicked, try this:

<template v-slot:item.actions="{ item }">
      <v-icon small @click.stop="viewItem(item)">mdi-export</v-icon>
      <v-icon small class="mr-2" @click.stop="confirmDeleteOfItem(item)">mdi-delete</v-icon> 
</template>

Leave a comment