javascript - vueを使用する際、リスト内のいくつかの項目を選択してクラスを追加したい

Question

リストからグループ受信者を選択してグループチャットを開始したいです

私は vue2.0 を使用しています。状態を選択するためにユーザー オブジェクトの isActive フィールドを変更します。isActive が true の場合は、それを確認し、その ID を配列に追加します。それが false の場合は、単に彼を削除します

現在発生している問題の 1 つは、選択できる ID が 1 つだけであることですが、ID は追加されており、削除することもできます。ただしチェック効果はありません。

リーリー

これは UI インタラクション効果です。選択できるのは 1 つだけです

Answer 1

コードが小さすぎて判断できません。データが応答するかどうかを確認してください。

配列に要素を追加する方法が正しいかどうかを確認してくださいlocalData 和 item;

初期値はそうではなく、Vue は追加された属性を検出できません。 item 数组里的对象(user)的初始状态有给 isActive

Answer 2

Google Chrome を使用している場合は、拡張機能を追加することをお勧めします Vue.js devtools それをクリックしてコンソールを開いてデータの状態を確認すると、問題が見つかるはずです。