Vuetify 数据表禁止单击单元格中的行

Question

如果我单击 vuetiy v-data-table 中的一行，我想显示一个对话框。 此外，我在此表中有一个列，其中有一个我也想使用的按钮。

如果我单击此按钮，则单击该行并注册该按钮。两个函数都被执行。有没有办法不执行对行的点击？

<v-data-table :headers="headers" :items="items" @click:row="openRecipe">
  <template v-slot:item.actions="{ item }">
    <v-icon
     small
     @click="edit(item)"
    >mdi-pencil</v-icon>
  </template>
</v-data-table>

Answer 1

您应该像这样将stop（停止传播点击事件）添加到按钮的点击侦听器中：@click.stop="edit(item)"。您可能还想添加prevent。 @click.stop.prevent;

更多关于here