target and currentTarget
HTML
<div id="ctr">
<div v-for="(option,index) in options"
style="margin:10px;padding:10px;border:solid;border-radius:4px"
@click="parent"
>
<input type="checkbox" :name="'invidiousChoice' + index" @click='child'> {{option.label}}
</div>
</div>
JavaScript
var vm = new Vue({
el:"#ctr",
data : {
options:[{label:'terrible option'},{label:'disastorous option'}]
},
methods: {
parent: function(event) {
console.log(event.target)
console.log(event.currentTarget)
if(event.target == event.currentTarget)
alert( 'parent clicked');
}
}
})