Как в vuejs настроить видимость между двумя приложениями?

Есть два приложения

основное - личный кабинет на vue
чат - отдельное приложение на vue

в личном кабинете есть кнопка в шапке - открыть чат

Каким образом по этой кнопке запустить модальное окно в чате?

Пробую сделать так:
Кнопке добавил класс "toolbar-chat-button"
И добавил такой код в компонент чата

created() {

            document.addEventListener("DOMContentLoaded", function() {

                let crmButton = document.querySelectorAll(".toolbar-chat-button");

                crmButton.forEach(function(button) {
                    button.addEventListener("click", function(event) {
                        this.openChatDialog()
                    });
                });
            });
        },


Но проблема в том что приложение личного кабинета рендерится на vue то видимо обработчик событий не "видит" эту кнопку

Как то можно повесить обработчик на кнопку после того как она появится

PS: JQuery на сайте нет, там такое можно сделать, интересует вопрос как сделать на js
  • Вопрос задан
  • 53 просмотра
Решения вопроса 1
bingo347
@bingo347
Ткнуть в доку лучше готового к копипасте ответа
В приложении с кнопкой сгенерируйте CustomEvent на window при клике.
А в другом приложении просто подпишитесь на это событие.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы