イベントがバインドされている要素を取得する

Question

イベントを、Vueの@clickプロパティを使用して要素にバインドしています（これはjavascript .onclickプロパティと同じように動作します）。

子のDOMノードからイベントをクリックしてイベントを呼び出すと、子のDOM要素がtargetというプロパティになり、イベントがイベントコールバック内に登録されたDOM要素にアクセスするために、内部に深く入れ子にされているかもしれません）。

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

Answer 1

私はイベントのtarget

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