Size: a a a

Nuxt.js — русскоговорящее сообщество

2021 January 29

В

Владимир in Nuxt.js — русскоговорящее сообщество
Alexey
Я все равно найду способ сделать эти чертовы модалки по моим условиям)
Расскажи нам тоже)
источник

A

Alexey in Nuxt.js — русскоговорящее сообщество
Владимир
Расскажи нам тоже)
Илья уже затеил стрим на эту тему
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Alexey
Я все равно найду способ сделать эти чертовы модалки по моим условиям)
const VueInstance = new Vue();
const modalComponentVNode = VueInstance.$createElement(
   modalComponent,
   {
       ...componentArgs
   },
   children
);
const modalWrapperVNode = VueInstance.$createElement(
   ModalWrapper,
   {
       
key: modal-${Date.now()},
       pr
ops: {
           config,
           hash
       },
       
on: {
           close: (isForce =
false) => this.close(isForce)
       }
   },
   [modalComponentVNode]
);
Wormhole.
open({
   
to: 'modal-host-target',
   
from: 'modal-source',
   
passengers: [modalWrapperVNode]
});


Но это черная магия на порталах
источник

A

Alexey in Nuxt.js — русскоговорящее сообщество
Maxim Kostenko
const VueInstance = new Vue();
const modalComponentVNode = VueInstance.$createElement(
   modalComponent,
   {
       ...componentArgs
   },
   children
);
const modalWrapperVNode = VueInstance.$createElement(
   ModalWrapper,
   {
       
key: modal-${Date.now()},
       pr
ops: {
           config,
           hash
       },
       
on: {
           close: (isForce =
false) => this.close(isForce)
       }
   },
   [modalComponentVNode]
);
Wormhole.
open({
   
to: 'modal-host-target',
   
from: 'modal-source',
   
passengers: [modalWrapperVNode]
});


Но это черная магия на порталах
Выглядит очень страшно..)
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Alexey
Выглядит очень страшно..)
Да, но vue-portal все равно нужен
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Идея что ты любой компонент из кода можешь отренедерить
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
ModalWrapper это отдельный компонент доя анимации итд. Это уже детали
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Думаю тут понятнее будет

https://portal-vue.linusb.org/api/wormhole.html#methods
источник

A

Alexey in Nuxt.js — русскоговорящее сообщество
Уже изучаю, как альтернативу
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Но там теряется реактивность пропсов
источник

В

Владимир in Nuxt.js — русскоговорящее сообщество
Бест практис - компонент с модалкой там где нужно. Я правильно понимаю?
источник

В

Владимир in Nuxt.js — русскоговорящее сообщество
И для диалогов подтверждения тоже
источник

MK

Maxim Kostenko in Nuxt.js — русскоговорящее сообщество
Ну хз на сколько это бест практис :)
источник

S

Serj in Nuxt.js — русскоговорящее сообщество
Как передавать каждому элементу в слоту класс?
источник

S

Serj in Nuxt.js — русскоговорящее сообщество
В слот передается список div
источник

S

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество
Serj
Как передавать каждому элементу в слоту класс?
Я не вкуриваю или это React. Тут Vue.
источник

S

Serj in Nuxt.js — русскоговорящее сообщество
Vue
источник

NM

Nikita Moria in Nuxt.js — русскоговорящее сообщество
Sonic [Скупаю | Актуально всегда]
Я не вкуриваю или это React. Тут Vue.
Рендер-функция
источник

В

Владимир in Nuxt.js — русскоговорящее сообщество
Sonic [Скупаю | Актуально всегда]
Я не вкуриваю или это React. Тут Vue.
Jsx но во вью
источник

S

Sonic [Скупаю | Акту... in Nuxt.js — русскоговорящее сообщество
Владимир
Jsx но во вью
Да, спасибо. Я уже нагуглил) Не знал что он и тут есть
источник