_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 vote332 views1 answer
Vue router "savedposition" with ajax call
Javascript Vue
0 vote348 views1 answer
Key modifiers in vue js
Javascript Vue
1 vote360 views2 answers
Get object from list of objects in vuejs with condition
Javascript Vue
0 vote391 views1 answer
How to generate random text in vue js
Javascript Vue
0 vote314 views1 answer
Vue js attribute binding
Javascript Vue
0 vote351 views1 answer
Add a Google Font to a VueJS
Javascript Vue
0 vote351 views1 answer
Firestorage vuetify
Javascript Vue
0 vote332 views1 answer
How to make @click in router-link vuejs
Javascript Vue
0 vote345 views2 answers
Ionic vue electron
Javascript Vue
0 vote359 views2 answers
Vue slice words
Javascript Vue