javascript - Vue のデータは Ajax を通じて取得され、Vue がインスタンス化されます。ページがロードされた後に最初に実行される Ajax リクエストを制御し、リクエストが成功した後に Vue をインスタンス化するにはどうすればよいでしょうか?
曾经蜡笔没有小新
曾经蜡笔没有小新 2017-06-26 10:50:56
0
7
914

Vue のデータは Ajax を通じて取得され、Vue がインスタンス化されます。
ページが読み込まれた後に最初に実行される Ajax リクエストを制御し、リクエストが成功した後に Vue をインスタンス化するにはどうすればよいですか?

曾经蜡笔没有小新
曾经蜡笔没有小新

全員に返信(7)
習慣沉默

onload イベントは Ajax リクエストにバインドされ、成功したコールバックで Vue がインスタンス化されます。

いいねを押す +0
伊谢尔伦

昨日、Baidu で同様の質問を見ました
どこから来たのか聞きたいのですが。

なぜこれをするのか知りたいですか?

私の答えは次のとおりです。これはお勧めできません。

いいねを押す +0
滿天的星座

作成済みでリクエストできます

ページをリクエストを待機させないことをお勧めします。そうしないとページが空白になります。

作成時に、マウントしても結果が得られない場合は、読み込みアニメーションをリクエストできます

ユーザーのインターネット速度が悪く、読み込みアニメーションが表示されない場合、最初に考えられるのは Web サイトの問題です。読み込みアニメーションがあり、リクエストを待っていることがわかります

ユーザーが理解しやすいように読み込みアニメーションを使用します

いいねを押す +0
某草草

リーリー

リクエストが成功するまで待ってから、関数を実行して vue をインスタンス化します。

いいねを押す +0
学习ing

実際、これは非常に一般的な要件です。

この時点で初めて Vue をインスタンス化できます data可以没有值,界面上展示loading或"正在加载"之类的提示,同时在实例的created钩子中发起数据请求,得到数据后给实例赋值就行了,vm.data = ajaxData

いいねを押す +0
Peter_Zhu

リーリー

$(document).ready() は、ページがロードされた後に内部の関数を実行することを意味します。
jquery ajax の beforeSend に読み込みプロンプトを書きます。成功するとプロンプトがクリアされ、データがない場合はインスタンス化されます。これは、先ほど書いたものです。最近のインターンシップは非常に充実していると個人的に感じています。

いいねを押す +0
阿神

これは技術的な問題ではなく、製品の設計の問題です。なぜそのような設計になっているのかを製品に尋ねる必要があるかもしれません。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート