javascript - Vue 等待后端数据的尴尬问题

Question

想必大家都了解用vue开发的spa获取数据都是异步请求获取数据
我现在想给项目加一个loading图标，以表示数据正在加载
在ajax请求发送前开启loading组件
在回调中关闭
可是由于网络问题，有些用户的网络环境比较好，加载页面基本上就是一闪而过
而有些用户网络较差则可以获得较好的用户体验
我现在尴尬的就是数据加载很快的用户，会看到一个黑影闪了一下，总觉得这样也是不够完美
不知道大家有没有更好的解决方案？

Answer 1

给loading 图标加动画，颜色又浅到深。即使闪，也是淡淡的痕迹

Answer 2

参考 element-ui 的 loading ： http://element.eleme.io/#/zh-...

Answer 3

晕哦，那你可以给Loding图一个最小时间啊，比如如果时间低于1s，就强制一秒啊，上限不封顶。。。