<div> <input type="checkbox" class="delete-checkbox" :id=this.products[index].sku @click="setDelete(this.products[index].sku)" /> </div>Estoy creando una aplicación vuex e intento iniciar un evento cuando esta casilla de verificación está marcada, pero no sé cómo hacerlo.
¿Puede alguien ayudarme, por favor?
Por favor, echa un vistazo al siguiente fragmento:
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>