Estou desenvolvendo uma feature que lista produtos e seu estado (habilitado, desabilitado). Para escolher o estado do produto, estou utilizando um checkbox no formato de toggle-switch.
<div class="col-md-6 col-xl-10" v-for="product in products" :key="product.id">
.
.
.
<i class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" :id="product.id" v-model="product.status">
<label class="custom-control-label" for="customSwitches"> {{ product.status }} </label>
</i>
Para deixar dinâmico esse checkbox, tentei usar a checkbox com o id referenciando o produto :id="product.id"
.
O problema que quando utilizei dessa forma, o checkbox para de funcionar, fica sempre false e ao clicar ele não altera o estado (nem graficamente).