확인란에서 ID를 가져와 vue3에서 선택되었는지 확인하는 방법

확인란에서 ID를 가져와 vue3에서 선택되었는지 확인하는 방법

<div>
  <input 
    type="checkbox" 
    class="delete-checkbox" 
    :id=this.products[index].sku  
    @click="setDelete(this.products[index].sku)" />
</div>

vuex 앱을 만들고 있는데 이 체크박스를 켜면 이벤트를 시작하려고 하는데 어떻게 해야 할지 모르겠어요.

누가 나 좀 도와줄래?

다음 스니펫을 확인해 주세요.

const demo = {
  data() {
    return {
      products: [{sku: 1}, {sku: 2}, {sku: 3}],
    };
  },
  methods: {
    setDelete(id) {
      console.log('event fired for: ' + id)
    }
  },
};
Vue.createApp(demo).mount("#demo");

<script src="https://unpkg.com/vue@next"></script>
<div id="demo">
  <li v-for="(product, idx) in products" :key="idx">
    <input type="checkbox" class="delete-checkbox" :id="product.sku" @click="setDelete(product.sku)">
  </li>
</div>

언급URL : https://stackoverflow.com/questions/70701348/how-to-get-id-from-the-checkbox-to-check-if-is-checked-or-not-in-vue3