_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

4 votes353 views1 answer
How to create a global variable in vue
Javascript Vue
0 vote354 views1 answer
Reset reactive state vue 3
Javascript Vue
0 vote353 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
2 votes370 views2 answers
Add params to url vue
Javascript Vue
0 vote372 views1 answer
Vuejs input text
Javascript Vue
0 vote377 views1 answer
Vue js data property in component must be a function
Javascript Vue
13 votes416 views5 answers
Vue js cdn link
Javascript Vue
0 vote341 views1 answer
Mdi/js icons with vue
Javascript Vue
0 vote376 views1 answer
Vue router Async Scrolling
Javascript Vue
1 vote329 views1 answer
Vue electron min width
Javascript Vue