Estoy trayendo data del servidor en un arreglo y los pinto usando vfor. Ya tengo un boton para modificar un registro especifico, sin embargo quiero que el registro al que hago click se sombree para que se sepa cual registro se esta actualizando. Cabe aclarar que ya puse el hover para cada registro, pero como se sabe se aplica solo cuando el cursor esta encima.
<tbody v-on:click="seleccionar">
<tr ref="record" class="record" v-for="record in pageOfItems" :key="record.Item_id">
<td ref="record">{{ record.Item_id }}</td>
<td>{{ record.CodigoArticulo }}</td>
<td>{{ record.Categoria }}</td>
<td>{{ record.Marca }}</td>
<td>{{ record.DescripcionArticulo }}</td>
<td>{{ record.PC_Maniuco }}</td>
<td>{{ record.PC_Lubrimac }}</td>
<td>{{ record.PC_DiezMinutos }}</td>
<td>{{ record.PC_Biogas }}</td>
<td>{{ record.PC_Machine }}</td>
<td>{{ record.StockPrincipalManiuco }}</td>
<td>{{ record.StockTiendaManiuco }}</td>
<td>{{ record.StockPrincipalLubrimac }}</td>
<td>{{ record.StockTiendaLubrimac }}</td>
<td>{{ record.StockPrincipalDiezMinutos }}</td>
<td>{{ record.StockTiendaDiezMinutos }}</td>
<td>{{ record.StockPrincipalBiogas }}</td>
<td>{{ record.StockTiendaBiogas }}</td>
<td>{{ record.StockPrincipalMachine }}</td>
<td>{{ record.StockMachine }}</td>
<td>{{ record.StockTotalPrincipal }}</td>
<td>{{ record.StockTotalTienda }}</td>
<td>{{ record.StockTotal }}</td>
<td>{{ record.UnidadMedida }}</td>
<td>{{ record.Equivalencia }}</td>
<td>{{ record.Ubicacion }}</td>
</tr>
</tbody>