_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

7 votes222 views2 answers
Vue watch handler
Javascript Vue
0 vote184 views1 answer
How to call mixin in vuex
Javascript Vue
0 vote189 views1 answer
Vue router transition
Javascript Vue
0 vote170 views1 answer
Push values to data object in vue
Javascript Vue
0 vote168 views1 answer
Webpack vue global variable
Javascript Vue
0 vote304 views1 answer
Vuejs bootsrap modal hidden event
Javascript Vue
0 vote177 views2 answers
Vuejs nested v-for
Javascript Vue
3 votes195 views1 answer
Getter in action vuex
Javascript Vue
0 vote222 views1 answer
Vuejs on route scrollbehavior
Javascript Vue
5 votes174 views5 answers
Vue for loop
Javascript Vue