vue中使用leaflet加载瓦片时残缺

然后改动窗口大小才会正常
在map容器所在的vue页面中,在方法中加入
nextTick(()=>{
let map = L.map(...);
})
nextTick作用是在所有dom元素加载完毕之后才执行
因为这种情况一般是容器dom还没调整到相应大小,地图就已经创建了,所以在加载完毕之后会显示异常。

然后改动窗口大小才会正常
在map容器所在的vue页面中,在方法中加入
nextTick(()=>{
let map = L.map(...);
})
nextTick作用是在所有dom元素加载完毕之后才执行
因为这种情况一般是容器dom还没调整到相应大小,地图就已经创建了,所以在加载完毕之后会显示异常。