vue.jsのcheckboxのclickイベントはwatchで行う

methodsで定義してもブラウザ毎に取得値が異なるが、watchで取得すると期待した値が取得できる。

by tree tips

HTML

<label id="checkbox">
    <input type="checkbox" v-model="checkboxModel" v-on:click="clickCheckbox">value={{result}}</label>

JavaScript

new Vue({
	el: '#checkbox',
	data: {
		checkboxModel: false,
		result: false
	},
	watch: {
		checkboxModel: function(newVal, oldVal) {
			this.result = newVal;
		}
	}
})