_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

18 votes439 views6 answers
Vue js cdn
Javascript Vue
0 vote210 views1 answer
Desable no unused vars in vue.js
Javascript Vue
0 vote208 views1 answer
Find element by object field vuejs
Javascript Vue
0 vote211 views1 answer
VUE DECLARE COMPONENT IN MAIN.JS
Javascript Vue
0 vote211 views1 answer
Vuejs get data fromo ajax
Javascript Vue
0 vote238 views1 answer
Vue js destroyed
Javascript Vue
18 votes452 views6 answers
Vuejs cdn
Javascript Vue
0 vote287 views2 answers
Vuejs filter array by dates
Javascript Vue
0 vote221 views1 answer
Vue can't refresh after change vmodel data
Javascript Vue
1 vote210 views1 answer
Vuelidate required if another props
Javascript Vue