_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 vote116 views1 answer
Problem with owl carousel in vue when useing axios
Javascript Vue
18 votes211 views6 answers
Vue 3 CDN
Javascript Vue
3 votes143 views1 answer
How to get current template in vuejs
Javascript Vue
0 vote98 views1 answer
Vue js hooks
Javascript Vue
1 vote153 views1 answer
Vuex state from another module
Javascript Vue
6 votes104 views2 answers
Binding style vuejs
Javascript Vue
0 vote97 views1 answer
Update head tag metadata vue
Javascript Vue
0 vote117 views1 answer
Use vuejs in laravel
Javascript Vue
0 vote106 views1 answer
How to load js in vuejs components
Javascript Vue
0 vote117 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue