I have an html table structured like this :
<tbody>
<tr
v-for="employee in employees"
:key="employee.EmployeeId"
@dblclick="rowOnDblClick(employee.EmployeeId)"
@click="rowOnClick(employee.EmployeeId)"
:class="{rowSelected: rowSelected.status, isActive: isActive}"
>
<td>{{employee.EmployeeCode}}</td>
<td>{{employee.FullName}}</td>
<td>{{employee.GenderName}}</td>
<td style="text-align: center;">{{employee.DateOfBirth|dateofbirth}}</td>
<td>{{employee.PhoneNumber}}</td>
<td :title="employee.Email">{{employee.Email}}</td>
<td>{{employee.PositionName}}</td>
<td>{{employee.DepartmentName}}</td>
<td style="text-align: right;">{{employee.Salary|money}}</td>
<td>{{employee.WorkStatus|status}}</td>
</tr>
</tbody>
What I would like to achieve is that every time a line is selected, the class isActive is added to that line.
Thank you!