Vue では、最初にデータをリクエストしてから dom 共有をレンダリングします

次に、最初にデータをリクエストしてから Vue で dom をレンダリングする方法に関する記事を共有します。これは非常に参考になるので、皆さんのお役に立てれば幸いです。

プロジェクトで問題が発生しました。以下は vue テンプレートのコードです:

私の以前の記述方法は

この結果は、 dom, get DOM はすべて未定義です。つまり、取得されません。

その理由は、データの要求 -> dom のレンダリング -> dom の取得の順序で実行されないためです。実際の実行順序は最初に dom を取得することであり、この時点では配列オプションはまだ空です。 forループは、domがレンダリングされていないので、全く取得できませんでした(理由が分かりません)

後は、作成した関数にリクエストデータを書き、その中にdomを取得する操作を書きました実装された関数ですが、それでも dom を取得する操作が最初に実行されました (実行順序はアラートの順序によって判断されます)。最終的に解決策を見つけました。他の人の答えを見ました：「データリクエストでコールバックでnextTickを使用して、nextTickのコールバックで試してみてください〜」

別の人の答えは次のとおりです：「依存関係domが存在しなければならない状況がある場合は、それをマウントしてください」 (){this.$nextTick(() => { /* code */ })}” (これは以前試したことがありますが、私にはうまくいきましたが、理由はわかりません) を組み合わせましたこの 2 つの方法は、実際には主に最初の方法であり、私はそれが機能することがわかりました。

上記は私があなたのためにまとめたものです。

関連記事:

vue1とvue2をベースにdom要素を取得するメソッド

QRコードを生成し、リンクを画像に変換するJSメソッド

データを動的に作成、削除するVueメソッド

以上がVue では、最初にデータをリクエストしてから dom 共有をレンダリングしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。