获取绑定事件的元素

Question

我正在使用Vue中的@click属性将事件绑定到元素（它的行为与javascript .onclick属性相同）。

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

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

Answer 1

我觉得困惑是与事件的target VS currentTarget

event.target是什么触发事件调度员到t rigger和event.currentTarget是您为侦听器分配的内容。

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

Answer 2

您可以使用refs：

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

onCellClick(evt){ 
    console.log(this.$refs.cell1) 
}