[Vuejs]-Props doesn't feed exactly on Vuejs

by

0👍

✅

Seems like you are using the (checkbox group) tags so it would be problem.

<div class="form-check-input-button-wrapper" v-for="(value, index) in currentSearchedValues"  v-bind:key="index">
 <input
  type="checkbox"
  class="form-check-input-button"
  :name="value.name"
  :id="value.name.replace(' ','_')+baseURL.slice(baseURL.length - 3, baseURL.length)"
  :value="value.code"
  :checked="value.selected"
  v-model.lazy="selectedValues"
 >
 <label
  :for="value.name.replace(' ','_')+baseURL.slice(baseURL.length - 3, baseURL.length)"
  :class="{ 'form-check-label-button active' : value.selected , 'form-check-label-buton' : !value.selected }"
 >
  {{
  value.name
  }}
 </label>
</div>

Please look carefully the label :for and :id value, it should be unique and equal each other.
Just let me know after you have done.
Thanks.

Leave a comment