Vuetify 数据表 Select 全部不适用于常规 v-checkbox

Question

我目前正在尝试为 Vue Datatable (v-datatable). All I'd really like to do is add a label or perhaps a tooltip to the checkbox itself. To do this, I'd like to utilize the Header Data Table Select Slot/header.data-table-select 自定义 select 所有复选框，并将元素从 v-simple-checkbox 更改为常规 v-checkbox.

当我添加一个使用 v-simple-checkbox 的模板时，复选框工作得很好。您可以单击它，select/deselect 所有行都不会出现问题。 Here is a Codepen showcasing this.

但是，如果我使用常规 v-checkbox，那么 select/deselect 的所有功能将完全消失。 This Codepen showcases this.

在这种情况下，我必须将 on 值连接到什么才能使其正常工作，因为 v-on 似乎没有这样做？或者有没有更简单的方法来自定义我缺少的这个复选框？

Answer 1

像这样设置你的v-checkbox

<v-checkbox
   :input-value="props.value"
   :indeterminate="props.indeterminate"
   @change="on.input"
>
</v-checkbox>

Vuetify 数据表 Select 全部不适用于常规 v-checkbox

Vuetify Datatable Select All Not Working With Regular v-checkbox

vue.js

vuetify.js

vuetify-datatable