mercredi 2 décembre 2020

How can i select checkbox each one separately in vue.js

I have a group of v-chip that not related to each other, on each chip I have a v-checkbox tag,

my problem: when I check one v-checkbox, all the other checkboxes are checked also.

I want to be able to check each checkbox with no effect on the other one.

attached here my code:

<div v-for="chip in chips" :key="chip.value">

  <v-chip style="margin-left:10px;" color label close @click:close="RemoveRequirement(chip)" outlined class="mb-2">
    <v-checkbox :color="continueIconColor" style=" margin-up:10px"></v-checkbox>
    <span></span
                              >&nbsp;
                              <v-divider
                                class="mx-4"
                                color="black"
                                inset
                                vertical
                                v-show="chip.value.toString() != ''"
                              ></v-divider>
                              <span></span>

  </v-chip>
</div>

Any idea how to do so?




Aucun commentaire:

Enregistrer un commentaire