是否可以集成一个可点击的单元格来验证 v-data-table？

Question

早上好，

我知道

<v-data-table
    :headers="headersfav"
    :items="itemsfav"
    @click:row="showSaleslead"
>

可以在单击该行时启动一个操作。是否也可以限制在一个单元格内？

Answer 1

您必须使用相关的单元槽：

<v-data-table
    :headers="headersfav"
    :items="itemsfav"
    @click:row="showSaleslead"
>
  <template slot="items.cellName" slot-scope="{item}">
    <div @click.stop="onSingleCellClick">{{ item.value }}</div>
  </template>
</v-data-table>

Answer 2

没有事件可以做到这一点 here，但您可以使用物品栏来实现：

<v-data-table :headers="headersfav" :items="itemsfav">
  <template v-slot:item.saleslead="{ item }">
    <span @click.stop="showSaleslead">{{ item.saleslead}}</span>
  </template>
</v-data-table>