207 похожих чатов

Так а как пропсы передавать? Если у меня в качестве

слота component используется. А пропсы нужны везде разные и эмит событий тоже везде разный

19 ответов

8 просмотров

странная модалка если у неё в разных местах разные пропсы и события, обычно там всего 1-2 события и от 0 пропсов..

пропсы компонента или модалки?

RusaXXX- Автор вопроса
Vladimir Voytenko ️
пропсы компонента или модалки?

<Modal> <component is="currentContent"> </Modal> currentContent - переключаемый контент модалки. Это преключаемые компоненты Каждому переключаемомому компоненту нужен свой список пропсов, а также каждый переключаемомому компонет эммитит свои собственные события

RusaXXX
<Modal> <component is="currentContent"> </Moda...

<Modal> <component is="currentContent" ;prop1="sadas" prop2="sdf"> </Modal> и т.д

RusaXXX- Автор вопроса
Vladimir Voytenko ️
<Modal> <component is="currentContent" ;prop1=...

так вот я и писал что может лучше через v-bind передавать? Потому что таких компонентов может быть 10, Получиться каща из пропсов

RusaXXX- Автор вопроса
Vladimir Voytenko ️
лучше, чем что?

лучше чем в вашем варианте когда вы передается каждый пропс отдельно

RusaXXX
лучше чем в вашем варианте когда вы передается каж...

ну так в моем варианте тоже v-bind только условно короткая запись. но можно передать как :v-bind="someComputed"

RusaXXX- Автор вопроса
Vladimir Voytenko ️
ну так в моем варианте тоже v-bind только условно ...

ок, с пропсами понятно, а как быть теперь с emit Каждый переключаемый компонент эмитит свои события, причем таких событий у компонента может быть несколько <Modal> <component is="currentContent" ;prop1="sadas" prop2="sdf" @event1="событие из компонента 1" @event2="событие из компонента 1" @event3="событие из компонента 2" > </Modal> К тому что есть более изящный способ? аля <Modal> <component is="currentContent" ;prop1="sadas" prop2="sdf" @event=Тут функция, которая смотрит, что за событие и разруливает что делать дальше > </Modal> где @event - отлавливает все пользовательские события у каждого компонента

RusaXXX
ок, с пропсами понятно, а как быть теперь с emit К...

а теперь это выглядит как не очень хорошая архитектура, я бы предпочел делать по 1 модалке для 1 компонента а не пытаться изобрести супер универсальную убер машину

RusaXXX
ок, с пропсами понятно, а как быть теперь с emit К...

а вообще для ивентов есть сокращение v-on

RusaXXX- Автор вопроса
Vladimir Voytenko ️
а теперь это выглядит как не очень хорошая архитек...

ну блин 10 компонентов , и пилить для каждого свою модалку - такое себе

RusaXXX- Автор вопроса
Vladimir Voytenko ️
имхо вполне норм

Раньше ,мы, даже не юзая vue. грузили аяксом контент в одну и туже модалку А тут появился vue с компонентами, и все равно делать 10 модалок. Ну хз. Ладно, спасибо за мысли Только не понял вот какой моммент как v-on решает проблему множества ивентов Я спрашивал про один обработчик всех пользовательстих событии в одном месте (именно для таких кейсов)

RusaXXX
Раньше ,мы, даже не юзая vue. грузили аяксом конте...

могут быть динамичные ивенты, хз как это в итоге дебажить, но кто-то же такое запилить может..)

RusaXXX- Автор вопроса
Vladimir Voytenko ️
могут быть динамичные ивенты, хз как это в итоге д...

ну там же функция, функцию просто же дебажить. Единственный момент события должны с неймспейсами быть чтобы исключить дублирования евентов с разных компонентов

RusaXXX
ну там же функция, функцию просто же дебажить. Еди...

по мне это как раз тот случай когда 10-100 модалок отдельно - будут лучше

RusaXXX- Автор вопроса
Vladimir Voytenko ️
<Modal> <component is="currentContent" ;prop1=...

и кстати в таком случае не обьявленные пропсы станут аттрибутами. То есть у текщего компонента могут быть атрибуты из другого компонента, что тоже как то не комильфо. Это я про определение пропсов не объектом

Похожие вопросы

Обсуждают сегодня

Anyone here suffers from unexplained aural migraines, who would be up for talking for a bit? Doesn't *have* to be aural, but I am not asking about headaches, I mean actual mi...
Martin Rys
55
hello friends. Do you know how can I learn getx? I have a software project that I should deliver it up to 5 weeks later and I need to learn firebase too. I will be thankfull
AmirHossein Razavi
15
Привет, нужен совет старших товарищей. Есть глобальная переменная var DefaultDataFolder:string; инициализируем DefaultDataFolder:='a:\_OUT\'; есть примитивная процедур...
Max Otto
14
lazarus-3.2.0/gtk, linux патч "имя проекта по умолчанию project1 -> prj" день добрый не нравится "именя проекта по умолчанию" (project1), к.раз приходится переименовывать (н...
livontiy
5
Вопрос. Теоретический. Есть список команд. Команды отправляю в обработку некой функции, по очереди. Разные команды могут давать разные результаты после обработки. В зависимос...
Serjone
7
Can I forward ports (including the SSH port) between two machines without SSH? I know I can forward SSH server port from machine A (which blocks all requests by firewall) to ...
required optional
5
Сonst magicTgHTML = (text, entities) => { let processedText = text; let offsetShift = 0; entities.forEach(entity => { const { offset, length, type, url, ...
Андрей
1
Всем вечера. Подскажите как лучше сделать. делаю на Д10 Например будет база данных на SQLite. в ней будет много таблиц. более 50шт Типа справочник. Содержать ID Name Id p...
Андрей Т 🐎
10
я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
100
подскажите пожалуйста, как мне освободить результат записанный в переменную result? в чем проблема подскажите если МОЖЕТЕ?
Михаил Helper
28
Карта сайта