国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Vue 3 変數(shù)が変更されたときにコンポーネントをリロードする
P粉090087228
P粉090087228 2023-12-27 20:06:22
0
1
617

selectedLeague が変更された場(chǎng)合にコンポーネントを再割り當(dāng)てしようとしています

リーリー

LeagueTopScorers コンポーネントでは、選択したリーグのトップスコアラーを取得するための API を取得しています。

試してみました: watch、v-on:、created()

P粉090087228
P粉090087228

全員に返信(1)
P粉344355715

IndeedselectedLeague が変更された場(chǎng)合は再レンダリング1 ただし、再インストールされません。 selectedLeague が falsy 値から truthy 値に変更された場(chǎng)合にのみマウントされます (v-if が変更されるのはそのときであるため)。

あなたの質(zhì)問にはいくつか問題があります:

  • あなたは、ビジネス ニーズ (Y とします) を解決すると思われる技術(shù)的側(cè)面 (X とします) について質(zhì)問しています。これは古典的な XY 問題です。 Yさんの要望を説明してみてはいかがでしょうか？ (例: 達(dá)成したいこと)。入力が変化したとき、出力にはどのような変化が見られると思いますか?
  • あなたが投稿したコードは、 実行可能な サンプルを作成するには不十分です。 v-select が何であるか、 が何であるか、# の :is 屬性が何であるかがわかりません。 ##.
あなたが投稿したコード スニペットに基づいて、次のことを推測(cè)します:

  • v-select は vue-select または Vuetify select コンポーネント です
  • :is は、 と同様に でも機(jī)能することが期待されます。ヒント: いいえ、自分でコーディングしない限り、それは疑わしいです
    • 最後になりましたが、重要なことですが、次の
  • の init ライフサイクル フック (例: onMounted) にコードを追加するとよいと思います。 selectedLeague と別のオブジェクト。
私が正しければ、この動(dòng)作を?qū)g現(xiàn)する最も簡単かつクリーンな方法は、計(jì)算

2: を作成することです。 リーリー

...それを

v-if、:key、:selectedLeague: で使用します。 リーリー

(

ラッパーなし)。

leagueId が変更されるたびに、上記の例では の新しいインスタンスが作成され、leagueId が false でない場(chǎng)合にのみ 1 つがレンダリングされます。これが技術(shù)的に達(dá)成しようとしていることだと思います3。

コメント:
#1 - 確認(rèn)するには、onUpdated(() => console.log('updated...')) 代碼>
2 - selectedLeague が ref## の場(chǎng)合は、selectedLeague.value?.id.toString() を使用します。 #3
- また、leagueId## を作成するたびに を作成する必要はないと思います。 # 変更がありますが、そうでない場(chǎng)合は、詳細(xì)やコンテキストについてこれ以上お手伝いすることはできません

最新のダウンロード
詳細(xì)>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート