_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

0 vote119 views1 answer
Deploy vue js to shared hosting
Javascript Vue
0 vote133 views1 answer
How to manage the key press and blur with input id in vue js
Javascript Vue
7 votes127 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
0 vote124 views1 answer
Vue minify images
Javascript Vue
62 votes248 views4 answers
How to install vue
Javascript Vue
0 vote127 views1 answer
The data option must be a function. Plain object usage is no longer supported. vue
Javascript Vue
0 vote120 views1 answer
Dynamically populate vue material table
Javascript Vue
17 votes263 views6 answers
Vue cdn
Javascript Vue
0 vote130 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
5 votes124 views5 answers
Vue for loop
Javascript Vue