javascript – Vues peinliches Problem, auf Backend-Daten zu warten
天蓬老师
天蓬老师 2017-07-05 10:56:08
0
3
885

Jeder muss wissen, dass das mit Vue entwickelte Spa asynchrone Anforderungen verwendet, um Daten abzurufen.
Ich möchte dem Projekt jetzt ein Ladesymbol hinzufügen, um anzuzeigen, dass die Daten geladen werden.
Öffnen Sie die Ladekomponente, bevor die Ajax-Anfrage gesendet wird.
Schließen Sie sie der Rückruf
Aber aufgrund von Netzwerkproblemen haben einige Benutzer eine relativ gute Netzwerkumgebung und die Ladeseite vergeht im Grunde genommen wie im Flug
, während einige Benutzer mit einem schlechten Netzwerk eine bessere Benutzererfahrung erhalten können
Was mir jetzt peinlich ist Sind Benutzer, die Daten sehr schnell laden, für einen Moment ein schwarzer Schatten, und ich hatte immer das Gefühl, dass dies nicht perfekt war. Ich frage mich, ob jemand eine bessere Lösung hat.

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

Antworte allen(3)
大家讲道理

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

phpcn_u1582

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

女神的闺蜜爱上我

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage