vue.js - 如何从 v-data-table 中删除全选选项？

Question

我需要从 v-data-table（vuetify 组件）中隐藏全选选项。根据包含 header-prop 的文档，单选为 true 应该这样做但不起作用。

<v-data-table
v-model="selected
:headers="headers"
:items="items"
show-select
:header-props="{singleSelect:true}"
></v-data-table>

Answer 1

如果您希望一次只能选择一项，您可以single-select直接添加到v-data-table：

<v-data-table
  v-model="selected"
  :headers="headers"
  :items="items"
  show-select
  single-select
></v-data-table>

如果您希望能够选择多个项目header.data-table-select，您可以使用插槽覆盖全选复选框：

<v-data-table
  v-model="selected"
  :headers="headers"
  :items="items"
  show-select
>
  <template #header.data-table-select></template>
</v-data-table>