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

Question

[Михаил Смирнов]

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

основное - личный кабинет на 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

Answer 1

[Дмитрий Беляев]

В приложении с кнопкой сгенерируйте CustomEvent на window при клике.
А в другом приложении просто подпишитесь на это событие.