Vuejs2 如果容器一开始是隐藏的,如何在Vue2传单中调整贴图大小

Vuejs2 如果容器一开始是隐藏的,如何在Vue2传单中调整贴图大小,vuejs2,bootstrap-4,leaflet,resize,maps,Vuejs2,Bootstrap 4,Leaflet,Resize,Maps,如果传单地图最初隐藏,然后显示(例如,如果通过引导折叠元素隐藏),如何从中重新加载传单地图 显示地图 从“Vue”导入Vue 从“vue2传单”导入{LMap,LTileLayer} 从“引导vue”导入引导vue 导入“bootstrap/dist/css/bootstrap.min.css” 导入“bootstrap vue/dist/bootstrap vue.css” 导入“传单/目录/传单.css” Vue.use(BootstrapVue) ... 导出默认值{ ... 组成部分:

如果传单地图最初隐藏,然后显示(例如,如果通过引导折叠元素隐藏),如何从中重新加载传单地图


显示地图
从“Vue”导入Vue
从“vue2传单”导入{LMap,LTileLayer}
从“引导vue”导入引导vue
导入“bootstrap/dist/css/bootstrap.min.css”
导入“bootstrap vue/dist/bootstrap vue.css”
导入“传单/目录/传单.css”
Vue.use(BootstrapVue)
...
导出默认值{
...
组成部分:{
LMap,
多层
}
}
分区图{
高度:300px;
宽度:500px;
}

我通过使用map对象中的
invalidateSize
函数(如所建议)并使用collapse元素的
@属性使其工作:


显示地图
...
...
导出默认值{
...
方法:{
重载映射:函数(){
这是。$refs.map.mapObject.invalidateSize()
}
}
}