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

Question

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

Vue" - натыкаюсь либо на какие то написанные апишки для создания, либо на какие то супер сложные примеры. Во Vue с этим проблема?

#frontend #javascript #programming #russian #vue.js

0

21.12.2020

12 ответов

13 просмотров

Dmytro Svyrydenko

Создаешь компоненту модалки (рутМодалка), которая внутри себя уже управляет какую модалку показывать и как это сделать. Компоненту рутМодалка через эвент-бас или стору прокидываешь инфу о том, какую модалку нужно открыть + opts. opts потом прокидываешь в выбранную модалку через v-bind=«opts» и это будут пропсы твоей модалки

0

21.12.2020

Dmytro Svyrydenko

Dmytro Svyrydenko
Создаешь компоненту модалки (рутМодалка), которая ...

Ну и рутМодалку естестенно кладешь в App.vue

0

21.12.2020

DD Автор вопроса

Andrew
Заюзай bootstrap-vue)

Спасибо большое! Сейчас гляну

0

21.12.2020

DD Автор вопроса

Dmytro Svyrydenko
Создаешь компоненту модалки (рутМодалка), которая ...

А если у меня несколько разных модалок?

0

21.12.2020

Vitalii Demchuk

DD
А если у меня несколько разных модалок?

лучше использовать слоты под это дело

0

21.12.2020

Vitalii Demchuk

Vitalii Demchuk
лучше использовать слоты под это дело

базовый пример модалок с использованием слотов.

0

21.12.2020

Dmytro Svyrydenko

Vitalii Demchuk
лучше использовать слоты под это дело

Ну конкретно в этом примере мы видим модалку одного типа с разным контентом :) Все же максимальной кастомизации так не добиться Хотя хз, я слоты даже не пробовал юзать, может это и удобнее будет

0

21.12.2020

Vitalii Demchuk

Dmytro Svyrydenko
Ну конкретно в этом примере мы видим модалку одног...

сам компонент легковесный, не перегружен лишними вложенными компонентами. да и к тому же контент можно делать в виде набора компонентов, применяемых по назначению (в слотах)

0

21.12.2020

Dmytro Svyrydenko

Vitalii Demchuk
сам компонент легковесный, не перегружен лишними в...

Ну в моем примере как бы нету вложенных компонентов :) По крайне мере ты о них не знаешь Да и если хочешь создавать реюзабельные модалки со слотами, то тоже нужно создавать вложенность, просто на другом уровне Шило на мыло есчесн Вот только слоты в один момент могут перерости до чего-то дикого и ужасного, если мы говорим не о confirmation модалках с тайтлом+дескрипшеном+двумя экшнами (close и submit)

0

21.12.2020

Vitalii Demchuk

Dmytro Svyrydenko
Ну в моем примере как бы нету вложенных компоненто...

все зависит от задачи, конечно. каждый подход имеет право на жизнь ;)

0

21.12.2020

Dmytro Svyrydenko

Vitalii Demchuk
все зависит от задачи, конечно. каждый подход имее...

Согласен, я обсолютно о том же :) Человек просто попросил описание как это сделать, я дал то, что юзаю сам годами

0

21.12.2020