javascript – Vues peinliches Problem, auf Backend-Daten zu warten

Question

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.

Answer 1

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

Answer 2

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

Answer 3

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