文章详情页
javascript - Vue 等待后端数据的尴尬问题
浏览：149日期：2023-03-06 09:04:05
问题描述
想必大家都了解用vue开发的spa获取数据都是异步请求获取数据 我现在想给项目加一个loading图标，以表示数据正在加载 在ajax请求发送前开启loading组件 在回调中关闭 可是由于网络问题，有些用户的网络环境比较好，加载页面基本上就是一闪而过 而有些用户网络较差则可以获得较好的用户体验 我现在尴尬的就是数据加载很快的用户，会看到一个黑影闪了一下，总觉得这样也是不够完美 不知道大家有没有更好的解决方案？
问题解答
回答1：给loading 图标加动画，颜色又浅到深。即使闪，也是淡淡的痕迹
回答2：参考 element-ui 的 loading ： http://element.eleme.io/#/zh-...
回答3：晕哦，那你可以给Loding图一个最小时间啊，比如如果时间低于1s，就强制一秒啊，上限不封顶。。。
标签：
JavaScript
上一条：javascript - app shell是什么 有什么标准定义 or 学习资料 or 用法？下一条：javascript - 我做了一个h5的画布游戏，用requestanimation控制方向移动，按键控制是否按下方向键，但是有点卡，请问大神怎么优化
相关文章：
1. java - mybatis怎么实现在数据库中有就修改,没有就添加2. MYSQL新建用户设置可以远程访问的问题3. $fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题4. python - 求一个在def中可以实现调用本def满足特定条件continue效果的方法（标题说不太清楚，请见题内描述）5. angular.js - angularjs的自定义过滤器如何给文字加颜色？6. javascript - 用表单提交两个时间段请求后台返回对应数据时出现的一些问题！7. node.js - nodejs和前端JavaScript 字符串处理结果不一样是什么原因？8. mysql - SQL操作时间的函数?9. mysql - 我的myeclipse一直连显示数据库连接失败，不知道为什么10. mysql 为何insert的时候会有lock wait timeout 异常
排行榜
![$fields = $values = [];这条代码一直定义不了，一直报错，老师的源码也是被报错的,执行不了,请问该怎么解决这个问题](http://www.haobala.com/attached/image/news/202205/093622cb60.png)
网公网安备