Actualmente estoy tratando de personalizar la casilla de verificación Seleccionar todo para una tabla de datos Vue ( v-datatable ). Todo lo que realmente me gustaría hacer es agregar una etiqueta o tal vez una información sobre herramientas a la casilla de verificación. Para hacer esto, me gustaría utilizar la ranura de selección de tabla de datos de encabezado / header.data-table-select y cambiar el elemento de una v-simple-checkbox v-checkbox normal.

Cuando agrego una plantilla que usa la v-simple-checkbox , la casilla de verificación funciona perfectamente bien. Puede hacer clic en él y seleccionar/deseleccionar todas las filas sin ningún problema. Aquí hay un Codepen que muestra esto .

Sin embargo, si uso la v-checkbox normal, entonces la funcionalidad de seleccionar/deseleccionar todas las hojas desaparece por completo. Este Codepen muestra esto .

¿A qué tengo que conectar on valor de encendido para que funcione correctamente en este caso, ya que v-on no parece hacerlo? ¿O hay una manera más fácil de personalizar esta casilla de verificación que me falta?