[Vue.js] チェックボックスを変更したときの処理を実装

Vue.js でチェックボックスを変更したときの処理の記述方法です。 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9yUV52WRN9-XEPzRIaB1g6slT3APlWliZBXv_tOJMM8WL0YtHyBioCAtZ8r-T_wb2DyhCFoPQHFn-OwIBdQu1mMs0ZX1W1EcPckob5VioW7GbhZ_yYVJaUl3z0oOrWjZHdcDQwVb6hA/s1600/vuejs.png" imageanchor="1" hidden><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX9yUV52WRN9-XEPzRIaB1g6slT3APlWliZBXv_tOJMM8WL0YtHyBioCAtZ8r-T_wb2DyhCFoPQHFn-OwIBdQu1mMs0ZX1W1EcPckob5VioW7GbhZ_yYVJaUl3z0oOrWjZHdcDQwVb6hA/s200/vuejs.png" width="200" height="200" data-original-width="400" data-original-height="400" /></a> ``` <input type="checkbox" v-model="isChecked" v-on:change="changeCheckbox">``` ``` new Vue({ el: '#hoge', data: { isChecked: true, }, methods: { // チェックボックスの値が変更された changeCheckbox: function (event) { console.log('change checkbox: ' + this.isChecked); } } }); ``` ## 参考 URL - https://jp.vuejs.org/v2/guide/forms.html#%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9