vue中使用leaflet，地图加载时残缺时的解决办法

通常这种情况摁一下f12才会显示正常在map容器所在的vue页面中，在方法中加入this.$nextTick(()=>{创建地图对象代码})外面包的那一层的作用是在所有元素加载完毕之后才执行，因为这种情况一般是容器dom还没调整到相应大小，地图就已经创建了，所以在加载完毕之后会显示异常，基于此，就不要在这个里面进行其他操作了...

铭净止水

5300人浏览 · 2018-11-28 09:02:27

铭净止水 · 2018-11-28 09:02:27 发布

通常这种情况摁一下f12才会显示正常

在map容器所在的vue页面中，在方法中加入this.$nextTick(()=>{创建地图对象代码})

外面包的那一层的作用是在所有元素加载完毕之后才执行，因为这种情况一般是容器dom还没调整到相应大小，地图就已经创建了，所以在加载完毕之后会显示异常，基于此，就不要在这个里面进行其他操作了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^