传单地图在移动设备上的 Vuetify 容器中没有全高尺寸

【问题标题】：Leaflet map is not with full height size in Vuetify container on mobile传单地图在移动设备上的 Vuetify 容器中没有全高尺寸
【发布时间】：2019-12-14 19:52:09
【问题描述】：

我在带有“app-bar”的 Vuetify 容器（流体）中添加了 Leaflet 地图 - 它在桌面（或开发人员控制台的设备工具栏）上运行良好，但在位于导航栏面板下的移动地图缩放控件上（当我们点击在缩放控制按钮上）。

这背后的原因是什么？

【问题讨论】：

标签： vue.js mobile vuejs2 leaflet vuetify.js

【解决方案1】：

针对此 Chrome 特定行为的建议解决方法是防止 Leaflet 聚焦地图：

L.Control.include({
  _refocusOnMap: L.Util.falseFn
});

来源：How to prevent Leaflet map resizing on zoom in Vue/Vuetify app

【讨论】：