Size: a a a

Клуб Vue.js-разработчиков

2021 February 16

AP

Anton Permyakov in Клуб Vue.js-разработчиков
там я готов смириться с бойлерплейтом
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Vlad
кстати, а ты как считаешь правильно делать модалки?
<Modal v-if="modalVisible" />
источник

A

Ali in Клуб Vue.js-разработчиков
Denis
Тот же вопрос
🤔 Плюсик, как правильно делать модалки общие ?
источник

A

Ali in Клуб Vue.js-разработчиков
Stanislav Lashmanov
<Modal v-if="modalVisible" />
А вот этот modalVisible как дергать то?
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Не считаю что модалки это такая вещь для которой надо городить какие-то громные велосипеды с промисами или ещё чем-то
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Модалка это тупой компонент, почему он должен быть умным или хуже того синглтоном для меня загадка.
источник

AP

Anton Permyakov in Клуб Vue.js-разработчиков
так а какая разница, какой там велосипед, если он за простым интерфейсом скрывается?
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Ali
А вот этот modalVisible как дергать то?
@click="modalVisible = true"
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Модалка это тупой компонент, почему он должен быть умным или хуже того синглтоном для меня загадка.
Ага, сделают одну модалку в корне, а потом мучаются))
источник

V

Vlad in Клуб Vue.js-разработчиков
Stanislav Lashmanov
<Modal v-if="modalVisible" />
а что делать с многоуровневыми модалками?
У меня получился вот такой пиздец)
источник

AP

Anton Permyakov in Клуб Vue.js-разработчиков
Vlad
а что делать с многоуровневыми модалками?
У меня получился вот такой пиздец)
дизайнеру по жопе
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Anton Permyakov
так а какая разница, какой там велосипед, если он за простым интерфейсом скрывается?
Смотря что такое простой интерфейс, когда модалка это синглтон который возврвщает промис по открытию я не считаю это простым интерфейсом
источник

A

Ali in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Модалка это тупой компонент, почему он должен быть умным или хуже того синглтоном для меня загадка.
То есть посыл в том, что бы создать обычный view компонент, который, где нужно,  просто импортить в нужном шаблоне и по средставам локального состояния переключать ?
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Vlad
а что делать с многоуровневыми модалками?
У меня получился вот такой пиздец)
Если они вложенные то так и описать их в шаблоне
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Ali
То есть посыл в том, что бы создать обычный view компонент, который, где нужно,  просто импортить в нужном шаблоне и по средставам локального состояния переключать ?
А как вы с другими компонентами поступаете? Точно так же. Почему модалка это какой-то особенный элемент интерфейса который требует особого трепетного подхода?
источник

VK

Vladimir Klimov in Клуб Vue.js-разработчиков
Stanislav Lashmanov
А как вы с другими компонентами поступаете? Точно так же. Почему модалка это какой-то особенный элемент интерфейса который требует особого трепетного подхода?
Потому, что выглядит особенно и кажется, что это что-то совершенно отдельное, как отдельное окно)
источник

A

Ali in Клуб Vue.js-разработчиков
Stanislav Lashmanov
А как вы с другими компонентами поступаете? Точно так же. Почему модалка это какой-то особенный элемент интерфейса который требует особого трепетного подхода?
🤔 Это хороший вопрос.. наверное это из за картины мира, когда сложился после  обычного html и посредством js мы передавали данные в html  модалку их. Поэтому, Имхо, пробуем создать какую то "глобальную" модалку, в которую показывать, скрывать, пушить данные к примеру
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Vladimir Klimov
Потому, что выглядит особенно и кажется, что это что-то совершенно отдельное, как отдельное окно)
Надо исходить из вёрстки. Если вёрстка позволяет модалку рендерить на месте нет никакого смысла её выносить. Если у вас какой-то хитры stacking context то есть vue-portal который решает все эти проблемы.
источник

V

Vlad in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Если они вложенные то так и описать их в шаблоне
т.е рендерить одну модалку в другой?
источник

SB

Serhiy Baranovskiy in Клуб Vue.js-разработчиков
Всем привет, есть такой компонент https://codesandbox.io/s/suspicious-smoke-zyluj?file=/src/App.vue . Проблема: при изменении orientation дивайса  высота секции описание не меняется, хочется как то отследить ето что бы задать новую высоту что бы текст не резяло, как можно пофиксить?
источник