[Vuejs]-Get all selected values on change with VueJS 3

by

0👍

I think you could do something like this

        <li
          v-for="(c, i) in choice[messagesRobot[numMessage].choice]"
          :key="`choice-${choice[messagesRobot[numMessage].choice]}-${i}`">
          <input
            @change="changeValue($event, messagesRobot[numMessage].choice, i)"
            :value="c.id"
            type="checkbox"
            :name="choix[messagesRobot[numMessage].choice]"
            :id="`c-${choix[messagesRobot[numMessage].choice]}-${i}`">
          <label :for="`c-${choix[messagesRobot[numMessage].choice]}-${i}`">
            {{ c.nom }}
          </label>
        </li>

  data() {
    return {
      valuesArray: []
    }
  }

function changeValue(e, v, index) {
  this.valuesArray[index] = e.target.value;
  console.log(v);
  console.log(JSON.stringify(e.target.value));
}

then your valuesArray would have all the checked values.
Why can’t you just use v-model?

Leave a comment