1rosehip / 1rosehip/jplist

reload jplist in SPA

Open
#253 1 comment 0 reactions 0 assignees View on GitHub
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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.