Muy buenas tardes, comunidad, Necesito que me ayuden con un dilema que tengo, Tengo una tabla alimentada con datos mediante Vuejs, en la cual he ingresado una columna la cual contiene un Checkbox, Lo que quiero es que cada vez que seleccione el check se me pinta la fila seleccionada y si desmarco por ende la despintaría.
Gracias espero prontas respuestas.
<tr v-for="lst_comensal of lista_comensal">
<!--<tr v-for="lst_comensal of lista_comensal" v-bind:class="check_cell==true? 'bg-danger':''" >-->
<!--<tr v-for="lst_comensal of lista_comensal" v-bind:class="check_cell==true? 'bg-danger':''" @click="check_cell = !check_cell">-->
<td>{{lst_comensal.cat_comensales_ci}}</td>
<td>{{lst_comensal.cat_comensales_apellidos}}</td>
<td>{{lst_comensal.cat_comensales_nombres}}</td>
<td>{{lst_comensal.nombres}}</td>
<td>{{lst_comensal.dep_nombre}}</td>
<td>{{lst_comensal.name_proyect}}</td>
<td v-if="(lst_comensal.cat_estado==1)">
<input @click='toggle' type="checkbox" tu-attr-precio="1" class="materialUnchecked" name="checkbox_d[]" id="materialUnchecked" v-bind:value="lst_comensal.cat_comensales_ci">
</td>
<td v-else> <span class="label label-danger ">Inactivado</span></td>
</tr>
</tbody>