vue事件绑定bug

Question

<div v-for='(item,key) in sku.list' @click=changeSku(key,$event)>
    <img :src="item.image">
</div>

事件绑定在div上，$event打印出来却是img

Answer 1

$event 是事件，代码中打印出来的是 MouseEvent(我使用鼠标点击)，要得到与事件相关的 DOM元素，需要打印$event.currentTarget（指向被绑定事件句柄（event handler）的元素） 或者 $event.target（指向触发该事件的元素）,前者为div，后者为img

使用原生JS（不引用框架）重写你的代码，你会发现输出结果是一样的，所以不是bug

Answer 2

console.log($event.currentTarget)

Answer 3

可能是因为时间冒泡了，这是一个时间机制