我正在尝试在 nuxt 3 上使用 fullpage-vue，但它对我不起作用

Question

  modules: [
    // https://go.nuxtjs.dev/axios
    '@nuxtjs/axios',
    'nuxt-swiper',
    '@nuxt/image',
    '@fullpage/nuxt-fullpage',
  ],

我已经安装了它，这就是我将其链接到我的“nuxt.config.js”的方式

<template>
  <div class="content">
    <full-page
    :options="{
          licenseKey: null,
          css3: true,
          menu: '#navigation',
          anchors: ['home', 'services', 'pictures', 'prices', 'contact'],
        }"
    >
      <div  id="section">
        <div data-anchor="home">
          <HomeBanner />
        </div>

        <div data-anchor="services">
          <HomeProductsTabsComponent/>
        </div>

        <div data-anchor="pictures">
          <Experience/>
        </div>
    </div>
    </full-page>
  </div>
 
</template>

这就是我使用它的方式，但我的页面上没有显示任何部分

Answer 1

确保检查官方 Nuxt 模块中的 fullPage.js