如何获得Vue选中的所有复选框的列表?这是我的HTML,可以正常工作,并通过复选框显示我的产品列表。
<li v-for="(product, index) in products">
<input :id="product.slug" :value="product.id" name="product" type="checkbox" />
<label :for="product.slug"><span></span></label>
</li>
我想要的是,当我单击按钮时,它会提取我选择的所有复选框。并给我所有的价值观。但是我不知道该怎么做,因为当我尝试将a添加v-model
到复选框时,它会中断。
只需将每个复选框value
与产品绑定,然后将其绑定v-model
到数组checkedProducts
<li v-for="(product, index) in products">
<input :id="product.slug" :value="product" name="product" type="checkbox" v-model="checkedProducts" />
<label :for="product.slug"><span></span></label>
</li>
...
data(){
return{
...
checkedProducts:[]
....
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句