javascript - 获取绑定(bind)事件的元素

Question

我使用 Vue 中的 @click 属性将事件绑定(bind)到元素(其行为与 javascript .onclick 属性相同)。

我遇到的问题是，当通过从子 DOM 节点单击事件传播来调用事件时，我将子 DOM 元素作为 target 属性，但我无法找到一种干净的方法(无需搜索对于父级，因为该元素可能嵌套在内部深处)来访问事件在事件回调中注册的 DOM 元素。

<td @click="onCellClick($event)">
  <div class="text">
    <span>default</span>
  </div>
</td>

Answer 1

我认为混淆在于事件的 target 与 currentTarget

event.target is what triggers the event dispatcher to trigger and event.currentTarget is what you assigned your listener to.

Vue.component('cell', {
  template: '#cell',
  methods: {
    onCellClick: function (e) {
      console.log(e.currentTarget)
    }
  }
});