我已经在几个项目中使用 vue 和 fullpageJS 几年了,但是文档中没有直接解决的一个始终如一的痛点是您打算如何将 fullpage 与 vue 路由器结合使用。
例如,在我的 App.vue 组件中,我有一个导航栏,它使用诸如 moveTo 之类的 fullpageJS 方法向下滚动到站点内的不同部分,这也是我拥有 fullpage 组件的地方(我在使用官方的 vue-fullpage 组件)。在 App.vue 中,我有一个 fullpage 组件,它有一个子组件。
此设置的问题在于,当我在不同路线之间导航时,整页样式会中断,并且所有部分和幻灯片都无法正确呈现。我尝试从一些路由器保护回调中调用 reBuild() ,但这似乎没有帮助。我想在每条路线上使用 fullpage,同时还保留全局导航栏。我认为您可以为每条路线设置一个整页组件,但是我不确定如何保留导航栏中的功能,无论您在哪条路线上都应该显示该功能。