_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 vote300 views1 answer
Update head tag metadata vue
Javascript Vue
0 vote289 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
0 vote310 views1 answer
Vue get if checkbox is checked
Javascript Vue
0 vote296 views1 answer
How to use the onload event n vue js
Javascript Vue
0 vote311 views1 answer
Vuetifyjs 2.0 2 column side bar
Javascript Vue
0 vote286 views1 answer
Js vue array change position
Javascript Vue
0 vote318 views1 answer
VueProduction
Javascript Vue
0 vote286 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
-1 vote291 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
1 vote303 views3 answers
Settimeout in vuejs
Javascript Vue