Having a bit of trouble with CheckBox selection. I am looping through a DataTable and adding CheckBox to it, storing them as an Array. My goal is to have the functionality where selecting the left checkbox removes the right one, and vice versa for the right tick.
<tbody>
<tr v-for="(item, index) in PersonalDocument" :key="item.doc_id">
<th scope="row">{{ index + 1 }}</th>
<td>{{ item.doc_id }}</td>
<td>{{ item.doc_name }}</td>
<td>
<input
type="checkbox"
class="form-check-input"
v-model="temp_doc_file"
:value="{
doc_id: item.doc_id,
doc_status: 0,
}"
/>
</td>
<td>
<input
type="checkbox"
class="form-check-input"
v-model="temp_doc_file"
:value="{
doc_id: item.doc_id,
doc_status: 1,
}"
/>
</td>
<td></td>
</tr>
</tbody>