Bootstrap 4 在Nuxt上更改页面时，引导4转盘停止工作

我注意到

NuxtJS

上有一个问题。我创建了一个由

universal

模式生成的网站。一切正常，除了引导滑块。我使用的是bootstrap 4.5，而不是bootstrap vue。因此，请给我一个建议，以解决我的问题超过标准的引导设置

这是我的slider代码结构。如果我从浏览器中刷新页面，它会完全滑动。但如果我从

nuxt路由器

浏览此页面，滑块不会触发

<div
    id="performanceListSlide"
    class="carousel slide"
    data-ride="carousel"
  >
    <div class="carousel-inner">
      <div
        v-for="(item, key) in performanceList"
        :key="`plm${key}`"
        class="carousel-item"
        :class="key === 0 ? 'active' : null"
      >
        <img :src="item.icon" />
        <h3>{{ item.number }}</h3>
        <p>{{ item.title }}</p>
      </div>
    </div>
  </div>
</div>

{{item.number}
{{item.title}

我认为问题在于路线。因为引导滑块是jquery插件，正如您所知。页面更改时如何触发它

提前谢谢