разных мест при разных условиях. Пока монтирую их сразу в одном месте, дабы отрабатывал transition, присваиваю refы и отображаю методом showModal('ref модалки'), который в самом компоненте модалки вызывает метод, ее отображающий. Далее надо подумать, как менеджерить это чере стор. Пока есть мысль сделать подобие шины через мутацию/экшн vuex. Это ок или можно как-то получше сделать?
Модалку можно показывать там, где она нужна, с нужными содержимым. Или нужна физически одна модалка из разных мест и компонента не достаточно?
Есть компонент-шаблон модального окна. На его базе сделано несколько модалок. Все они висят в одном компоненте, допустим в корневом app.vue и вызываются методом оттуда же. Тут основной вопрос, как это все заменеджерить, когда мне нужно вызвать окно, например по клику по кнопке в каких-нибудь дебрях приложения.
Тут основной вопрос, почему не вынести их из корня туда, где они используются
Мне кажется, слишком сложно про масштабировании)
А в принципе можно наверное, спасибо, подумаю)
Едет верстка в таком случае.
Звучит так, будто модальное окно реализовано без портала
В тройке нет портала, там телепорт)
Точно) В общем не сталкивался, не знаю, что это и как.
Имеется в виду просто пакет portal-vue?
Да. У него ещё есть версия simple-portal, подойдёт даже лучше. Чтобы в базовой модалке всегда рендерить наверху содержимое
основной компонент Modal.vue в layouts и папка с вариантами содержимого модалок. показывать computed из vuex state (opened, type, flow), открывать просто диспач из любой части – передаешь тип окна и данные в flow. про вынести из корня даже не слушай, я тупее ничего не слышал про модалки
там портал предлагается
В твоём не тупом решении: 1. Нужно, чтобы у каждой конкретной модалки с своим содержимым был отдельный компонент 2. Чтобы этот компонент был зарегистрирован в корне / базовой модалке 3. Чтобы взаимодействие с модалкой вкладывалось в этот flow, и больше ничего. Например, не было разного набора кнопок с разным назначением При этом работающее решение, не накладывающее всех этих ограничений, и не привязанное к стору - иметь модалку там, где она нужна. Вёрстке никак не мешает, базовая модалка рендерит содержимое порталом в корне без проблем
1-2 да не обязательно даже отдельный компонент для каждой модалки, 3- прекрасно как-то живется, используя основной компонент модалки для оповещений, take actions, галереи, плеера и тд, кнопки везде разные, анимации тоже, все изи мэйнтейнится и нет unpredictable явлений, работают любые переходы между ними. ну или юзать порталы, которые не везде еще работают💁🏻♂️ спасибо, но я лучше еще в сторе загружу дополнительные данные в зависимости от типа окна
Обсуждают сегодня