_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 vote117 views1 answer
Vue get height of element ref
Javascript Vue
0 vote127 views2 answers
Vuejs install [email protected] requires a peer of ajv@^6.9.1
Javascript Vue
0 vote124 views1 answer
Vue.js use scss in balise style
Javascript Vue
0 vote117 views1 answer
Vue router accept params null
Javascript Vue
16 votes256 views4 answers
Vue js default prop
Javascript Vue
0 vote133 views1 answer
Vue apollo refetch every x ms
Javascript Vue
0 vote124 views1 answer
Delete item from a foreach vuejs
Javascript Vue
0 vote117 views1 answer
Bindbidirectional vue js
Javascript Vue
0 vote132 views1 answer
Vue js use component everywhere
Javascript Vue
2 votes118 views2 answers
Vue + change router link active class
Javascript Vue