elementUI v-loading不生效的解决方法

问题描述

项目中需要加载地图，希望在加载完成前显示loading效果。
但是在div中绑定了属性，data中声明，且在methods里调用后，loading效果并没有如预期出现。

问题分析

这里我有一个请求数据的操作，而then后面是异步的，所以这一块的实际执行顺序应该是：

this.loading=true>>发送请求>>this.loading=false>>then后面的内容

因此，v-loading并不是不生效，而是结束得太快了，this.loading赋值的改变几乎就是一瞬间的事情，才让人以为它没有生效。

解决方法