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 ?
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 ?