spacenear
@spacenear
React Web Developer

Как отследить клик по тени в модальном окне используя VUE?

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

<template>
	<transition name="modal">
		<div v-if="status" class="modal-wrap">
			<div class="inner-wrap">
				<div class="modal-window">
					<div class="close-cross" @click="closeModal">
						<i class="fas fa-times"></i>
					</div>
					<slot></slot>
				</div>
			</div>
		</div>
	</transition>
</template>


5cb36503725a5721860779.jpeg
  • Вопрос задан
  • 254 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
Во-первых - погуглите, что такое всплытие событий.

Во-вторых - про модификаторы событий слышали? Надо бы self прикрутить - это если на "тень". Или stop - на окно.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
bootd
@bootd
Гугли и ты откроешь врата знаний!
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы