Как при клике на дочерние элементы получить тот, на который был повешен обработчик события?

Question

[Phoen1xx]

Есть элемент с обработчиком события и несколькими дочерними элементами:

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

Как получить div внутри функции test?
Вот пример как я пытался это сделать:
https://jsfiddle.net/tk6unjeb/
Но я получаю только сами span, а в this экземпляр vue.

Answer 1

[0xD34F]

в this экземпляр vue

Как и должно быть - в качестве контекста вызова методов vue устанавливает экземпляр компонента. Что логично - иначе внутри метода было бы затруднительно получить доступ к другим свойствам/методам компонента.

Используйте currentTarget.