fullpage在vue单页面当中使用会出现的问题以及解决办法

Posted 无情码字员

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了fullpage在vue单页面当中使用会出现的问题以及解决办法相关的知识,希望对你有一定的参考价值。

在 vue 单页面当中发现fullpage会报错,报错信息大概意思为,fullpage不允许初始化多次。

解决办法,在使用fullpage的组件跳转路由进入销毁组件之前的生命周期的时候对fullpage也进行销毁,这样就可以重新初始化一个fullpage组件了。

$.fn.fullpage.destroy(all);

在beforeDestroy这个生命周期执行,就可以了

以上是关于fullpage在vue单页面当中使用会出现的问题以及解决办法的主要内容,如果未能解决你的问题,请参考以下文章

关于Vue中,fullpage全屏滚动插件的使用方法

vue-route+webpack部署单页路由项目,访问刷新出现404问题

关于vue单页面应用总是先出现主页一闪而过的现象

vue-router实现原理

拥抱单页网站! jQuery全屏滚动插件fullPage.js

vue-route+webpack部署单页路由项目,访问刷新出现404问题