Как раскопировать номер телефона mango по всему сайту SPA?
Суть такая - есть сервис манго, со своим скриптом, который выполняется при загрузке страницы SPA на фреймворке Vue.
Он делает innerHTML(вставляет номер) одному блоку с определенным классам( пусть будет .mango).
Вопрос в том, как правильно организовать раскопирование этого номера по всему сайту SPA по блоку с классом(.change)?
p.s. некоторые элементы удалены из страницы, пока их не откроешь (v-if), то есть надо как-то проверять при updated(),
и да, запрос скрипта манго к их сервису может длится от 1-5 секунд, то есть setTimeout в решении не предлагайте пожалуйста. Надо как-то отследить появление содержимого блока и тогда уже раскопировать.
Это если нужный блок почему-то находится за пределами корневого элемента вашего приложения. Если же внутри - делайте watch на свойство отвечающее за содержимое блока.
UPD. Набросал примерчик - отслеживание внешнего элемента через MutationObserver, запись значения в Vuex.
вот в корневом компоненте как-то делаю watch(правда не знаю как прописать что он будет следить за содержимым блока), блок меняется, а что дальше? У меня блоки где нужно заменить находятся в разных компонентах, некоторые скрыты v-if ом(если мой собственный скрипт подменит везде блоки, в скрытых таких он не сможет, так как их не существует пока на странице)
не знаю как прописать что он будет следить за содержимым блока
"Следить за содержимым блока" - ОТКУДА ВЫ ЭТО ВЗЯЛИ? Я же ясно сказал - следить за свойством, которое представляет содержимое.
блоки где нужно заменить находятся в разных компонентах
Vuex (тут конечно watch уже будет не нужен). Или, если "разных компонентов" немного и они являются дочерними по отношению к корневому - возможно будет более удобно передавать нужное значение как параметр.
Средний
Средний
