Vuejs では、クリックされたときに要素のクラスを切り替えます (またはスタイルを変更します)。

Question

データを取得する方法は少し複雑です。データを保存する「ツイート」配列があり、各ツイートはカードであり、カードをクリックするとスタイルが正常に変更されます（markTweet関数）が、各ツイートには返信もあり、ツイートと同じように表示されます（それぞれ返信には独自の返信カードがあります)。サーバーからデータを取得する方法:

リーリー

vue にコンポーネントがあります。返信が各ツイートのツイート配列に tweetReplies として保存されていることがわかります。 markReply 関数で、配列に ID を正常に追加しました。

リーリー

データに replySelected を追加してみました。その後、markReply でクリックがトリガーされたときに replySelected を true に変更しましたが、ツイートに対するすべての返信が選択されてしまいますが、これはそうではありません私が欲しいもの。

Answer 1

ニコラの回答に基づいて構築し、各ツイートに isSelected を追加する追加の手順をバイパスして、それが tweetActionIds 配列内にあるかどうかを確認するだけで、同じことを行ってクリーンな状態に保つことができます。

と返信することで リーリー リーリー

Answer 2

私の理解が正しければ、次のコード スニペットを試してください:

リーリー リーリー リーリー