Как наиболее правильно закрывать модальное окно, блок по нажатию на клавишу esc?

Question

[Сергей Хлопов]

Здравствуйте, подскажите пожалуйста у меня есть всплывающий блок внизу окна (сообщение об успехе или ошибке) и хотелось бы что бы по нажатию на клавишу esc он скрывался и тоже самое с модальными окнами. Есть в голове конечно вариант что когда модальное окно открывается вешать на body с помощью обычно addEventListener событие нажатия клавиши, а когда закрывается это событие удалять, т.к. не только модальное окно у меня же а ещё и сообщения об успехе или ошибке.

Заранее благодарю за ответ

Answer 1

[VegasChickiChicki]

Если ваш блок отображает по параметру из data, то просто меняйте значение через:
https://ru.vuejs.org/v2/guide/events#Модификаторы-...

p.s. Сам этого не знал, но нашел в гугле за 2 минуты...

Comments

[Сергей Хлопов]

Благодарю за ответ, ну да, но просто событие не срабатывает если написать на блоке (теге компонента) что-то типа такого v-on:keyup.esc="какой то метод"