Мой фрагмент javascript загружается только при первом рендеринге страницы в nuxt

У меня есть страница nuxt с описанием географической точки, и я хочу добавить фрагмент с сайта booking.com, поэтому я вставляю его так:

<template>
    <div class="flex justify-center flex-col items-center">
      <ins
        class="bookingaff"
        data-aid="****"
        data-target_aid="****"
        data-prod="map"
        data-width="100%"
        data-height="590"
        data-lang="ualng"
        data-dest_id="0"
        data-dest_type="landmark"
        :data-latitude="poi.lat"
        :data-longitude="poi.lon"
        data-mwhsb="0"
      >
        <!-- Anything inside will go away once widget is loaded. -->
        <a href="//www.booking.com?aid=****">Booking.com</a>
      </ins>
    </section>
  </div>
</template>

и в головной части моей страницы nuxt я добавляю сценарий следующим образом:

  head: {
    script: [
      { src: "//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js" },
     ]
   },

Он хорошо работает при первом входе на страницу, но затем, когда я снова вхожу на страницу или выбираю другую географическую точку, у меня есть только альтернативная ссылка на booking.com. Я неправильно вставил этот фрагмент или есть что-то другое?

0 ответов

Другие вопросы по тегам