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事件的传播），以您的按钮的点击监听器是这样的：@click.stop="edit(item)"。您可能还想添加prevent。@click.stop.prevent;

更多关于这里