Vuejs广告，渲染广告（外部脚本）

Question

我想在我的SPA / PWA中展示广告，这是组件

<template>
    <div>
        <div id="container-bc3f4c902de1f7ee493f6c1de827a3e2" class="ads"></div>
    </div>
</template>
<script>
  export default {
    name: 'adsBanner',
    mounted () {
      console.log('mounted')
      this.loadAds()
    },
    methods: {
      loadAds () {
        console.log('loadAds')
        let adScript = document.createElement('script')
        adScript.async = 'async'
        adScript.defer = 'defer'
        adScript.charset = 'utf-8'
        adScript.setAttribute('src','//pl15179616.pvclouds.com/bc3f4c902de1f7ee493f6c1de827a3e2/invoke.js')

document.head.appendChild（adScript）

      }
    }
  }
</script>
<style scoped>
</style>

当我第一次使用该应用程序时，一切正常，广告加载没有问题。 但是，当我要浏览应用程序的其他页面时，广告不会加载/呈现。

• 我检查了开发控制台，当我移至任何页面时都正确加载了“ //pl15179616.pvclouds.com/bc3f4c902de1f7ee493f6c1de827a3e2/invoke.js”
• 我尝试过nextTick
• 我正在使用Vue Router在页面之间移动。
• 我需要在广告所在的位置进行渲染/重新渲染的方法