_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 vote244 views1 answer
Use $axios in vuex in nuxt
Javascript Vue
0 vote245 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
0 vote237 views1 answer
How to get attr in vuejs
Javascript Vue
0 vote229 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
0 vote263 views1 answer
VueProduction
Javascript Vue
1 vote231 views1 answer
Vue electron min width
Javascript Vue
0 vote259 views1 answer
Vue problem (You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file)
Javascript Vue
2 votes223 views1 answer
Vuejs truncate text
Javascript Vue
8 votes241 views3 answers
Vue redirect to route
Javascript Vue
0 vote245 views1 answer
Concat class name vue js
Javascript Vue