Создал кастомный компонент alert и подключен он к например к

3 кнопкам, и если открыто например один какой то алерт, и я хочу открыть еще 1 алерт какой то, то чтоб закрывался всегда другой алерт, и открывался тот новый, как мне такое реализовать?

#programming #russian #vue.js

03.12.2021

15 ответов

18 просмотров

Даня

Рефы

03.12.2021

Maks Автор вопроса

Даня
Рефы

Не до конца понял? знаю что такое ref, но как?)

03.12.2021

Даня

Maks
Не до конца понял? знаю что такое ref, но как?)

Обращаешься к рефу и вызываешь у него например метод open

03.12.2021

Сергей Дёмин

Компонент алерта должен просто делать то зачем его придумывали. Создай врапер для алертов, который будет получать их массив и содержать общее состояние. По статусу будешь определать, есть ли активный алерт и если он есть, закрываешь его и открываешь новый

03.12.2021

Михаил

Проще вынести логику открытия и закрытия в отдельный класс, в самом компоненте повесить слушатели и замаунтить компонент изначально в дом на одном уровне с основным приложением. И просто импортить класс, который отвечает за открытие и закрытие в нужные части приложения

03.12.2021

Даня

https://github.com/codememory1/front-music-service/blob/master/resources/assets/js/components/Headers/TheHomeHeaderComponent.vue

03.12.2021

Maks Автор вопроса

$refs.registerModal.close(); реф самого компонента TheHomeHeader?

03.12.2021

Даня

Maks
$refs.registerModal.close(); реф самого компонента...

registerModal указан вверху на 15 строке

03.12.2021

Даня

Даня
https://github.com/codememory1/front-music-service...

Вот тут

03.12.2021

Даня

Даня
registerModal указан вверху на 15 строке

У самого компонента есть методы open и close

03.12.2021

Maks Автор вопроса

Ты не так понял) , у хочу по другому сделать, есть например я жму кнопку контакты , открываеться такое меню ( оно будет отдельный компонент), и снизу есть еще кнопка корзина, и я открываю тот же компонент с меню, только с другим контентом, и мне надо закрыть то меню сперва то что вызвал с кнопки контакты , и потом уже открыть с кнопки корзина

03.12.2021

Даня

Maks
Ты не так понял) , у хочу по другому сделать, есть...

А, ты хочешь иметь один блок, но менять ток в нем контент ?

03.12.2021

Maks Автор вопроса

Даня
А, ты хочешь иметь один блок, но менять ток в нем ...

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

03.12.2021

Даня

Maks
Да, но я не хочу чтоб он открыл сперва контакты, а...

Ну тогда сделай базовую модельку и создай Слот content в нем, в качестве слота передаёшь компонент контента модалки, но к слотам ты должен добавить условия, по которому нужно отобразить тот или иной контент модалки

03.12.2021

Maks Автор вопроса

Даня
Ну тогда сделай базовую модельку и создай Слот con...

Я знаю , но вопрос в другом, мне надо старое менб закрыть, но я хз как так как в другом компоненте будет открываться всегда

03.12.2021

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

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

Ходит информация, что такого типа ракет, как Точка-У нет у РФ. Это насколько достоверно? @xanf_ua

#programming #russian #vue.js

01.03.2022

129 ответов

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

Вот какая реакция должна быть на ролик с орками? Даже не знаю кто его слепил, украинец(чтоб показать отношение к русским) или россиянин, что показать отношение украинца к росс...

#programming #russian #vue.js

09.05.2022

118 ответов

Клуб Vue.js-разработчиков / Evžen Klevcov

Я так понял, что Россия открыла ещё один фронт. Иначе откуда у фанатиков столько оружия?

#programming #russian #vue.js

07.10.2023

48 ответов

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

Посмотрел Жопу. Как в одном человеке может одновременно уживаться критическое мышление и политика? Ведь политика это как раз убийца критического мышления. Отношение к идеям ...

#programming #russian #vue.js

02.10.2023

43 ответов

Клуб Vue.js-разработчиков / Vlad 🍍 Starkovsky️️

Может начать банить тех кто говорит что Украине нужно сдаться?

#programming #russian #vue.js

01.03.2022

113 ответов

Клуб Vue.js-разработчиков / キャラクターセット Kiniaev

Подскажите, пожалуйста, где почитать как правильно передавать ref в дочерние компоненты не теряя их свойств и сохраняя возможность отслеживания изменений через watch? Если про...

#programming #russian #vue.js

31.08.2023

46 ответов

Клуб Vue.js-разработчиков / Сергей Дёмин

В сериале по Властелину Колец будут черные, азиаты, мексиканцы... Они не видят проблемы в черных эльфах. — Фанаты против этого. Все действующие персонажи в книгах были прообр...

#programming #russian #vue.js

13.02.2022

98 ответов

Клуб Vue.js-разработчиков / Эдди Ништон

В каких моментах нужно использовать slot?

#programming #russian #vue.js

07.11.2023

35 ответов

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

@xanf_ua у тебя нету модерации этой нечисти?

#programming #russian #vue.js

21.03.2022