如何从复选框中获取 id 以检查是否在 vue3 中被选中

【问题标题】：How to get id from the checkbox to check if is checked or not in vue3如何从复选框中获取 id 以检查是否在 vue3 中被选中
【发布时间】：2022-01-13 18:25:18
【问题描述】：

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

我正在构建一个 vuex 应用程序，并在选中此复选框时尝试启动一个事件，但我不知道如何执行此操作。

有人可以帮帮我吗？

【问题讨论】：

标签： javascript vue.js web vuex vuejs3

【解决方案1】：

请查看以下 sn-p:

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>

【讨论】：