Как получить информацию о родительском блоке при клике по дочернему?

Question

[Евгений]

У меня есть карточка товара на которую навешен обработчик v-on:click="heandler($event)". В обработчике, из объекта event вытаскивается target и id карточки по которой произведён клик. Но при клике по дочернему элементу, в target попадает вложенный элемент, у которого нет id и я не могу определить, по какой карточке был клик. Есть ли способ передавать в event родительский элемент?

Answer 1

[0xD34F]

Вместо target используйте currentTarget.

Но вообще непонятно - а что мешает сразу передавать id карточки (или весь объект) в обработчик клика?

Comments

[Евгений]

Карточки генерируются динамически. Мне не совсем понятен механизм, как передавать id в аргументы функции

[Евгений]

Скажется ли на производительности навешивание обработчиков на каждую карточку?

[0xD34F]

Предлагаете мне угадать, что означает словосочетание "генерируются динамически"? Нет, так не будет.

Измерением производительности можете заняться сами, ваш вопрос был не об этом.

Ну и конечно нельзя не отметить блистательное игнорирование вами прямой рекомендации по исправлению заявленного в вопросе косяка. Очевидно, помощь вам и в самом деле нужна. Очень-очень.

UPD. Добавил ссылки на примеры. Смотрите, думайте.

Answer 2

[Сергей delphinpro]

Используйте модификатор .self

v-on:click.self="heandler($event)"

Тогда в event.target будет тот элемент, на который вы навесили обработчик