_onResize vue leaflet

<template>
  <b-container>
    <b-button v-b-toggle="collapse" variant="primary">Show map</b-button>
    <b-collapse @shown="reloadMap()" id="collapse">
      <div id="map">
        <LMap ref="map" ...>
          ...
        </LMap>
      </div>
    </b-collapse>
  </b-container>
</template>

<script>
...
export default {
  ...
  methods: {
    reloadMap: function () {
      this.$refs.map.mapObject.invalidateSize()
    }
  }
}
</script>

Source: stackoverflow.com

Similar codes

7 votes121 views1 answer
Vue 3 composition api watch
Javascript Vue
0 vote175 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
16 votes250 views4 answers
Vue js default prop
Javascript Vue
0 vote121 views1 answer
How to manage the key press and blur with input id in vue js
Javascript Vue
0 vote126 views1 answer
Vue event two parameter with e
Javascript Vue
1 vote124 views1 answer
Nativescript vue back button handler
Javascript Vue
0 vote109 views1 answer
Vue js store and retrieve api data to localstorage
Javascript Vue
6 votes146 views1 answer
Vuejs set
Javascript Vue
1 vote140 views1 answer
Track window resize in vue
Javascript Vue
0 vote120 views1 answer
Vue get if checkbox is checked
Javascript Vue