Vueのデータに基づいてアイコンの数を増やす方法

Question

API リクエストを送信しましたが、異なる数の参加者 (1 ～ 5) を取得しました。この数に基づいて、対応する数のアイコンがモーダル ボックスに表示されます。参加者が 3 人の場合、モーダルには 3 つのユーザー アイコンが表示されます。 React でそれを行う方法は知っていますが、Vue3 を学び始めたばかりで、その方法がわかりません。

リーリー

React では次のように書きます。しかし、それを Vue で書き直すにはどうすればよいでしょうか?明確にしておきますが、どこに配置する必要がありますか?

リーリー

Answer 1

@tho-masn の助けのおかげで、計算されたプロパティを理解して書き直すことができました

リーリー

Answer 2

まず、参加者の数 (ループのカウンター x) を返す計算プロパティを作成する必要があります。

次に、計算されたプロパティを使用してループを #xx 回実行します。

これはあなたが達成したいことですか?

リーリー