1

我目前正在尝试自定义Vue Datatable ( v-datatable) 的全选复选框。我真正想做的就是为复选框本身添加一个标签或工具提示。为此,我想利用Header Data Table Select Slot / header.data-table-select,并将元素从 a 更改v-simple-checkbox为常规v-checkbox

当我添加使用 的模板时,v-simple-checkbox复选框工作得很好。您可以单击它并选择/取消选择所有行而不会出现问题。这是一个展示这个的 Codepen

但是,如果我使用常规v-checkbox,则选择/取消选择所有功能将完全离开。这个 Codepen 展示了这一点

在这种情况下,我必须将on值挂钩以使其正常工作,因为v-on似乎没有这样做?或者有没有更简单的方法来自定义我缺少的这个复选框?

4

1 回答 1

2

v-checkbox像这样设置你

<v-checkbox
   :input-value="props.value"
   :indeterminate="props.indeterminate"
   @change="on.input"
>
</v-checkbox>
于 2021-12-21T17:04:52.100 回答