How, when clicking on child elements, to get the one on which the event handler was hung?

Question

JavaScript

There is an element with an event handler and several child elements:

<div @click="test">
  <span>1</span>
  <span>2</span>
  <span>3</span>
</div>

How to get div inside test function?
Here is an example of how I tried to do it:
https://jsfiddle.net/tk6unjeb/
But I only get the span itself, and in this the vue instance.

Answer 1

to this vue instance

As it should be, vue sets the instance of the component as the context for calling methods . Which is logical - otherwise it would be difficult to access other properties / methods of the component inside the method.
Use currentTarget .