Vuejs では、クリックされたときに要素のクラスを切り替えます (またはスタイルを変更します)。
P粉029327711
P粉029327711 2024-03-31 21:05:57
0
2
471

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

リーリー

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

リーリー

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

P粉029327711
P粉029327711

全員に返信(2)
P粉024986150

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

と返信することで リーリー リーリー
いいねを押す +0
P粉245003607

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

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