Vue.js: チェックボックスのイベントにはclickではなくchangeを使う - Qiita

<template> <ul> <li v-for="(item, idx) in items" :key="idx"> <label> <input type="checkbox" v-model="item.checked" @click="clicked(item)"> {{item.name}} </label> </li> </ul> </template> <script> export default { data() { return { items: [ { name: 'foo', checked: true }, { name: 'bar', checked: false }, { name: 'baz', checked: false } ] }; }, methods: { clicked(item) { console.log("clicked"); conso

[obakenacchan]

“change”