_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

8 votes352 views2 answers
Get params from route vuejs
Javascript Vue
1 vote344 views1 answer
Nativescript vue back button handler
Javascript Vue
-1 vote326 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
0 vote305 views1 answer
Rails + vue js projcet demo
Javascript Vue
0 vote331 views1 answer
Remove # url vuejs
Javascript Vue
0 vote331 views1 answer
VueJs System Modifier keys like exact ctrl alt shift meta
Javascript Vue
0 vote308 views1 answer
Vue electron name and icon
Javascript Vue
1 vote322 views1 answer
Biding multiple class vuejs
Javascript Vue
1 vote332 views1 answer
Vue js import css from node modules
Javascript Vue
0 vote324 views1 answer
Mdi/js icons with vue
Javascript Vue