так event не вешается

я просто привёл пример, может гдето опечатался

или у вас не в тот момент происходит выполнение например, когда ещё не отрисовалось

btn() {
      var _this = this;
      this.$nextTick(function () {
        try {
          Array.prototype.forEach.call(
            this.$refs["mframe"].getElementsByClassName("btn-al"),
            function (element) {
              element.addEventListener("click", function (event) {
                event.preventDefault();
                _this.chat_create();
              });
              element.classList.replace("btn-al", "btn-al-event");
            }
          );
        } catch (err) {}
      });
    },

я не нашел хука который бы работал после полной отрисовки

в nuxt

если там какойто легаси плагин прорисовывает, на крайний случай сделайте промис и таймер с проверкой пока не отрисуется что надо, а как отрисуется уже менять

точнее там есть что вроде renderDone но документации с примерами нет

чистый nuxt c ssr:true

document.getElementsByClassName("myclass").forEach is not a function не нашел подтверждения что так перебирать можно

"Как указано в DOM4, это HTMLCollection (по крайней мере, в современных браузерах. Старые браузеры возвращали NodeList)."

но в es6 видимо можно так

Array.from(this.$refs["mframe"].getElementsByClassName("btn-al")).forEach((element) => {...

хм, как вариант
просто forEach в HTMLCollection отличается от forEach в Array

Реально интервал работает? Промис резолвиться один раз

ну то есть then, по идее, выполниться один раз

нуда

@dergunovs такой вопрос, когда микроразметку делаем для хлебных крошек, мы последнему элементу который обычно не активен, тоже указываем микроразметку или оставляем просто чистый html?

Присваиваем

<ul itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList" class="breadcrumbs">
   <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem">
       <a href="/" class="nuxt-link-active" itemid="/" itemtype="https://schema.org/Thing" itemscope="itemscope" itemprop="item">
           <span itemprop="name">Главная</span>
       </a>
       <span class="breadcrumbs-arrow">&gt;</span>
       <meta itemprop="position" content="1">
   </li>
   <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem">
       <a href="/service" class="nuxt-link-active" itemid="/service" itemtype="https://schema.org/Thing" itemscope="itemscope" itemprop="item">
           <span itemprop="name">Услуги</span>
       </a>
       <span class="breadcrumbs-arrow">&gt;</span>
       <meta itemprop="position" content="2">
   </li>
   <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem">
       <span itemprop="name">Создание сайта</span>
       <meta itemprop="position" content="3">
   </li>
</ul>

С сайта гугла инфа - https://developers.google.com/search/docs/data-types/breadcrumb?hl=ru