JavaScript - バックエンドデータを待機するという Vue の厄介な問題

Question

vue で開発されたスパが非同期リクエストを通じてデータを取得することは誰もが知っていると思います。
次に、データが読み込まれていることを示す読み込みアイコンをプロジェクトに追加したいと思います。
ajax の前に読み込みコンポーネントを開きます。リクエストが送信されます
コールバックで閉じる
ただし、ネットワークの問題により、一部のユーザーはより良いネットワーク環境を持っており、ページの読み込みは基本的に一瞬で終わってしまいます。
また、ネットワークが弱いユーザーは、より良いユーザー エクスペリエンス
今恥ずかしいのは、データを非常に速くロードするユーザーには一瞬黒い影が点滅することですが、これでは十分に完璧ではないといつも感じています
誰かがより良い解決策を持っていますか？

Answer 1

読み込みアイコンに明るい色から暗い色までのアニメーションを追加します。点滅してもかすかな痕跡しか残らない

Answer 2

element-uiの読み込みを参照してください: http://element.eleme.io/#/zh-...

Answer 3

そうですね、Loding グラフに最小時間を与えることができます。たとえば、時間が 1 秒未満の場合は、上限を 1 秒に設定します。 。 。