[Integration adzone in vuejs-application]

I tried to create a simple component for the banner invocation code like this:

<template>
  <div class="d-flex justify-center">
    <!-- Ad-Server Asynchronous JS Tag - Generated with Revive Adserver v5.0.2 -->
    <ins
      :data-revive-zoneid="reviveZoneId"
      :data-revive-id="reviveId"
      data-revive-target="_blank"
    ></ins>
    <script
      async
      src="//adserver-url/asyncjs.php"
    ></script>
  </div>
</template>

<script>
  export default {
    name: 'JobListingBanner',
    props: {
      reviveZoneId: {
        type: String,
        required: true,
      },
      reviveId: {
        type: String,
        required: true,
      },
    },
    mounted: function () {
      console.log('Banner Mounted!');
    },
  };
</script>

<style scoped></style>
 

But this does not work correctly. The banners are loaded the first time, but when I paginate through a listing the banners disappear. 

I tried to rerender the vue component but this also not works.

Maybe the problem is the asynch js? 

Hope you can help me with this!

Best regards,

Timo

[Integration adzone in vuejs-application]

Hello,

what is the best way to integrate an adzone in a vuejs application? 

Which kind of snippet/code of banner invocation is the best way?

How can I handle a new banner-request when clicking inside the vuejs single page application?

Thanks for some help!

Best regards,

Timo