[Vuejs]-VUE pass value from checkbox from multiple checkboxes from v-for element

by

0👍

✅

Vue is perfect, so I find a great solution, hope it helps someone, I just little correct the code

<div v-for="(client, index) in clients" :key="index">
    <div>
       <span>{{index+1}} {{client.id}}</span>
    </div>
    <div>
       <div>
          <label>
             <input type="checkbox" :checked="client.IsScreenShot" @click="client.IsScreenShot = !client.IsScreenShot"/>
             <span class="slider"></span>
           </label>
       </div>
       <div>
            <label>
               <input type="checkbox" :checked="client.IsPhotoReport" @click="client.IsPhotoReport = !client.IsPhotoReport"/>
               <span class="slider"></span>
            </label>
       </div>
       <div>
             <label>
                <input type="checkbox" :checked="client.IsShowReport" @click="client.IsShowReport = !client.IsShowReport"/>
                <span class="slider"></span>
             </label>
       </div>
       <button type="submit" @click.prevent="onChangeAccess(client)">Change</button>
    </div>
</div>

God save Vue =)

Leave a comment