Describes how to use vue-fullpage.js with nuxt
Regarding the conversation in the issue https://github.com/alvarotrigo/vue-fullpage.js/issues/6, we need a way to clarify how to use the vue wrapper when using it together with Nuxt.js.
Any help will be appreciated!
On sites build with vue js you can only use touch device's swipe-navigation on first route. If you change the route (via vue-router), no touch events are working anymore. - Normal section switching per buttons is still working correctly. On non-touch devices everything is working fine (except on IE/Edge, but that's another issue). You can try it on iOS or in your desktop browser with activated/emulated touch.
### Steps to reproduce it
- [ ] create vue js project with vue router and vue jullpage js
- [ ] create router-view and some components to switch between per router-view
- [ ] components have multiple other components/divs, wrapped by fullpage
- [ ] there is only one fullpage working at the same time, due to no keep-alive
It seems, the touch-events/listeners were not correctly destroyed on route-change?
Tested on FF-DevEd 64.0b2, Safari 12.0 (Both MacOS 10.13.6),
iPad 5 (iOS 11.1) & 6 (iOS 12), LG V20, Kindle Fire, Samsung Tab (div. Android)
Just tried vue-fullpage.js today but it took a bit of looking around to figure out the setup instructions. i thought these instructions would make it easier for any other new person wanting to set it up
The callbacks were being overridden when creating the jQuery instance of fullpage. Prioritising the options object over the events object solves the issue - hope this helps!
Hi, great work so far.
Have you checked if this works with Nuxt.js / SSR ?