He incluido casillas de verificación dentro b-table para ciertas columnas haciendo lo siguiente:
<template #cell()="data"> <b-form-checkbox v-model="data.checkbox" @change="clickedCheckbox(data)"></b-form-checkbox> </template>El código para cuando se hace clic en una casilla de verificación:
clickedCheckbox(data) { if (data.checkbox) { this.$set(data, 'checkbox', true); this.checkmarkedBoxes.push(data); } else { this.$set(data, 'checkbox', false); for (let i = 0; i < this.checkmarkedBoxes.length; i += 1) { if (this.checkmarkedBoxes[i].item.name === data.item.name) { this.checkmarkedBoxes.splice(i, 1); break; } } } } Entiendo que con BootstrapVue existen limitaciones conocidas para la b-table cuando se combina con la paginación, por lo que usé this.$set para mantener las casillas de verificación seleccionadas. Sin embargo, no está funcionando. Por ejemplo, digamos que hago clic en algunas casillas de verificación en la página 1 de mi tabla, voy a la página 2, luego vuelvo a la página 1, las casillas de verificación que estaban seleccionadas ya no están seleccionadas. La matriz checkmarkedBoxes todavía tiene las casillas de verificación seleccionadas previamente, por lo que no sé por qué, incluso después de usar this.$set , todavía no mantiene las selecciones. Sabe alguien cómo arreglar esto?