_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

1 vote120 views1 answer
Adding a prototype on vue using nuxt
Javascript Vue
0 vote143 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote129 views1 answer
Optional validation vuetify
Javascript Vue
0 vote132 views1 answer
Multiple js files vuejs
Javascript Vue
0 vote132 views1 answer
How to include a toasted property in vue
Javascript Vue
1 vote135 views1 answer
Delete item from array vuejs
Javascript Vue
0 vote137 views1 answer
Jsmodule not installed vuejs webstorm
Javascript Vue
0 vote138 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
28 votes287 views4 answers
Vue create
Javascript Vue
1 vote138 views1 answer
V-for only getting one first value vuejs
Javascript Vue