Создание модального компонента с помощью Vue.js

[Desprit]

Вроде уже 2018-ый на дворе, а переводы в стиле Prompt все еще актуальны.

[yarkov]

А чем пример из доков не устраивает? Еще лучше будет.

[Rastishka]

Там нет таких перлов: «Обратите внимание, как модально открывается внезапно? Мы можем заставить его задушить, используя переход.»

[interprise]

Все отлично в этих примера, кроме одного, скрол остается глобальным и это напрягает в мобильных браузерах. Где модальное окно должно быть на весь экран. Неужели единственный выход вешать на body класс?

[Diaskhan]

АФФФФФФФФФТОР где ссылка на Pastebin ?????

[vuNemesis]

Всем вечер добрый! Я заранее извиняюсь. Вчера только зарегистрировался здесь и сидел смотрел что и как с публикациями. В общем это статья — тупо перевод. Я и ссылку не вставил на оригинал. В общем, просто хотел проверить, как быстро проходят модерацию новые статьи. Оказалось, что быстро. Я вообще расчитывал, что такая не пройдет, но хотя бы увижу срок проверки. Надеюсь, что меня за это не забанят. Даже если ее удалят — я не огорчусь, потому что завтра я скину свою первую статью. Личную. Чужих больше не будет. Буду писать по тематике JS, Vue.js, Webpack, Node.js и т.п. Есть много о чем рассказать. Поэтому сильно не огорчайтесь на меня — исправлюсь!

[Mingun]

Это не повод размещать некачественный перевод или вообще любой другой контент. А исправиться сейчас можно только одним способом — сесть, вычитать и поправить всё это вот «моя твоя шатать уууу», что написано в статье.

[Electrohedgehog]

Обратите внимание 10^100 переводить переводить лучше чем вам!
Минус в карму за то, что даже мануалы прочитать не способен.

[parmactep]

Осмелюсь предположить что русский для вас далеко не родной язык.

[vuNemesis]

Прошел по всей статье — сделал человечный перевод.

[Electrohedgehog]

Обратите внимание, как модальное окно резко открывается?
Теперь наш компонент модального окна открывается и закрывается гладко!

Эталон перевода. Нет, ну правда.

[alek0585]

В итоге это модальное окно постоянно присутствует в DOM.
Вот если бы оно динамически создавалось при необходимости и с такой же анимацией – тогда другое дело. А так… Туфта.

[vuNemesis]

Да. Это вообще самый простой способ. Да и распространенный в общем. Сейчас дописываю статью-туториал (свой), тоже про создание компонента модального окна, но с наворотами. Завтра выложу ее здесь.