Size: a a a

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

2021 February 16

MA

Maxim Anisimov in Клуб Vue.js-разработчиков
Андрей Рудин
как сделать eventBus на vuex ?
не на vuex надо
источник

АР

Андрей Рудин... in Клуб Vue.js-разработчиков
:)
источник

ВЧ

Владимир Чащин... in Клуб Vue.js-разработчиков
Maksym
Благодарю 😊
у меня купон был на скидку, за регистрацию домена дали.. но он действутет ток при новом заказе 🙁 могу скинуть)
источник

АР

Андрей Рудин... in Клуб Vue.js-разработчиков
Maxim Anisimov
не на vuex надо
на Vue3 нет eventBus
источник

M

Maksym in Клуб Vue.js-разработчиков
Владимир Чащин
у меня купон был на скидку, за регистрацию домена дали.. но он действутет ток при новом заказе 🙁 могу скинуть)
Спасибо,  буду признателен
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Как собрать мотоцикл из дерева? Никак
источник

MA

Maxim Anisimov in Клуб Vue.js-разработчиков
Андрей Рудин
на Vue3 нет eventBus
Не слышал об этом)  я на втором через вью инстанс и эмиты делал
источник

АР

Андрей Рудин... in Клуб Vue.js-разработчиков
Maxim Anisimov
Не слышал об этом)  я на втором через вью инстанс и эмиты делал
да, на втором можно, на третьем это прикрыли, и рекомендуют использовать mitt
источник

MA

Maxim Anisimov in Клуб Vue.js-разработчиков
Андрей Рудин
да, на втором можно, на третьем это прикрыли, и рекомендуют использовать mitt
Буду знать, спасибо
источник

ВЧ

Владимир Чащин... in Клуб Vue.js-разработчиков
Maksym
Спасибо,  буду признателен
в лс скину сейчас 🙂
источник

S

Sergei in Клуб Vue.js-разработчиков
ААААА!!! Это М_А_Г_И_Я !!! Спасибо!!111! Но П-О-Ч-Е-М-У?!?!  
Особенно вот это min-height:0; - заклинание не иначе..
     .main-wrapper {
       display: grid;
       grid-template-columns: auto 1fr auto;
       min-height: 0;
       grid-template-rows: 100%;
     }
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
Sergei
ААААА!!! Это М_А_Г_И_Я !!! Спасибо!!111! Но П-О-Ч-Е-М-У?!?!  
Особенно вот это min-height:0; - заклинание не иначе..
     .main-wrapper {
       display: grid;
       grid-template-columns: auto 1fr auto;
       min-height: 0;
       grid-template-rows: 100%;
     }
Потому что по дефолту у потомков флекс контейнеров стоит min-width: auto
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
И высота строки тоже auto, а надо 100%
источник

S

Sergei in Клуб Vue.js-разработчиков
Stanislav Lashmanov
Потому что по дефолту у потомков флекс контейнеров стоит min-width: auto
эээ.. у меня тут гриды везде.. Но мысль буду думать
источник

SL

Stanislav Lashmanov in Клуб Vue.js-разработчиков
А флекс потомок и грид потомок это одно и то же
источник

S

Sergei in Клуб Vue.js-разработчиков
Stanislav Lashmanov
А флекс потомок и грид потомок это одно и то же
ШАМАН. для меня css в тонкостях идет сильно сложнее vue 8/
Если что, обращайтесь за рекомендацией, я так и скажу всем что Вы в ЦСС первый после бога !
источник

АР

Андрей Рудин... in Клуб Vue.js-разработчиков
все :) ура, я сделал что хотел. два независимых компонента, используют общий стор, Counter показывает счетчик, Buttons кнопки отдельно. Увеличение счетчика идет через store.commit('increment') а сброс через событие которое обрабатывается в Counter и в сторе сбрасывает счетчик :) если вдруг кому интересно, main.js и оба Vue компонента на скриншотах.
источник

АР

Андрей Рудин... in Клуб Vue.js-разработчиков
источник

АР

Андрей Рудин... in Клуб Vue.js-разработчиков
источник

S

Sergei in Клуб Vue.js-разработчиков
Stanislav Lashmanov
А флекс потомок и грид потомок это одно и то же
Подскажите плиз, еще момент. Я явно не догоняю. 8( Почему у меня при этом правая панель не начинает скролится по высоте, если содержимое перестает помещаться..
https://jsbin.com/qutivuj/4/edit?html,output
источник