Vue.js를 사용하여 선택한 모든 확인란 목록을 가져옵니다.

Vue.js를 사용하여 선택한 모든 확인란 목록을 가져옵니다.

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>

버튼을 클릭하면 선택한 체크박스가 모두 표시됩니다.그리고 나에게 모든 가치를 주세요.하지만 어떻게 해야 할지 모르겠어요. 왜냐하면 제가 이걸 추가하려고 해도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:[]
   ....
   }
 }

언급URL : https://stackoverflow.com/questions/52152342/get-the-list-of-all-selected-check-boxes-with-vue-js