javascript - vue checkbox 在v-for下的场景

问题描述

问 题

如图是用v-for渲染出来的数据和checkbox，这样写的话label只绑定了第一个input框，所以当我点击语音功能前的checkbox也相当于控制第一个checkbox，怎么才能独立的控制？

解决方案

<ul>
                <li v-for="(item,index) in items" >
                   <label :for="'a'+index">111</label>
                   <input type="checkbox"  :id="'a'+index"  />
                </li>
            </ul>

这篇关于javascript - vue checkbox 在v-for下的场景的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！