reload jplist in SPA
- Dominant language
- HTML
- Stars
- 435
- Forks
- 168
- PR merge metrics
- No merged PRs in 30d
Description
I am using jplist in a vue.js spa with store locator bundle.
it works like a charm when loading in the page directly but if user navigate to another page/route then come back again, the jplist instance still work there, google maps gone. I checked the 'hide /show map example', it uses google.map.event.trigger(instance, 'resize') to load the map back, but since spa destory DOMs while navigating, that map instance isn't exist when I came back to the store locator page.
So, is there any approach to let me reinitialize the map or the jplist it self each time entering the route ?
Contributor guide
No contributing guide indexed for this repository
Research direction
The issue involves jPList in a Vue.js SPA where the Google Map disappears after route navigation. Examine the jPList initialization code and lifecycle hooks in the Vue component. Check how the store locator bundle integrates with jPList and Google Maps. Look for DOM destruction and reinitialization events to re-create the map instance on route entry.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, jquery
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100