如何在 Vuetify 数据表中选择单元格？

Question

我知道我可以使用 Datatable 组件中的事件“click:row”来选择行，但我需要获取我点击的特定单元格

Answer 1

您可以为此使用插槽。将其添加到您的表格组件中，如下所示：

<template v-slot:item.name="{ item }">
  <div @click="rowClicked(item)">

    <v-icon  
        class="mr-2"   
        color="#54a1e0"
        large
      >{{ "mdi-folder" }}
    </v-icon>

    {{ item.name }}

  </div>
</template>

在这里，您调用“rowClicked”方法，并在单击您也在模板中自定义的“名称”字段时传递单击的项目。