_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 votes214 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
0 vote193 views1 answer
Laravel vuejs lang
Javascript Vue
1 vote210 views1 answer
Import vuex in composition api
Javascript Vue
1 vote187 views2 answers
How send to another page by router in vuejs
Javascript Vue
0 vote211 views1 answer
How to generate random text in vue js
Javascript Vue
0 vote223 views1 answer
Trigger a function inside child from parent vue
Javascript Vue
-1 vote213 views1 answer
Vuejs cordoba pantalla en blanco
Javascript Vue
2 votes225 views1 answer
Button click redirection to another page vue
Javascript Vue
15 votes303 views3 answers
Vue3 - class and style binding
Javascript Vue
2 votes207 views1 answer
Open route in new tab vue router
Javascript Vue