獲取綁定事件的元素

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) 
}