Data-toggle tab does not download Leaflet map

Question

I am using tabs to display clear content, but one of them stopped downloading well since it is in the data-toggle tab. It is a Leaflet map. Here is the code :

---

Answer 1

For those like me weren't able to solve the challenge with the precious @ghybs explanation (map.invalidateSize()) and were able to do it with @gangai-johann one, there's still a chance you may do it the right way. Put your invalidate instruction inside a setTimeout, as it may be too early to dispatch that instruction.

setTimeout(() => {
    this.$refs.mymap.mapObject.invalidateSize()
}, 100)

Refer to https://stackoverflow.com/a/56364130/4537054 answer for detailed instructions.