javascript - vue를 사용할 때 목록에서 일부 항목을 선택하고 클래스를 추가하고 싶습니다.

Question

목록에서 그룹 수신자를 선택하고 그룹 채팅을 시작하고 싶습니다

vue2.0을 사용하고 있습니다. 상태를 선택하기 위해 사용자 개체의 isActive 필드를 변경합니다. isActive가 true이면 확인하고 false이면 해당 ID를 삭제합니다.

현재 겪고 있는 문제는 하나만 선택할 수 있는데 ID가 추가되어 삭제도 가능하다는 점입니다. 하지만 체크효과는 없습니다.

으아악

이것은 UI 상호작용 효과입니다. 하나만 선택할 수 있습니다.

Answer 1

코드가 너무 작아서 판단할 수 없습니다. 데이터가 반응하는지 확인하세요.

localData 및 item 배열에 요소를 추가하는 방법이 올바른지 확인하세요. localData 和 item 数组增加元素的方式是否正确；

item 数组里的对象(user)的初始状态有给 isActive

item 배열에 있는 객체(user)의 초기 상태는 isActive의 초기 값을 갖습니다. 그렇지 않으면 Vue는 사용할 수 없습니다. 추가된 속성을 감지합니다. #🎜🎜#

Answer 2

Google Chrome을 사용하는 경우 Vue.js devtools 확장 프로그램을 추가한 다음 콘솔을 열고 클릭하여 데이터 상태를 확인하면 문제를 찾을 수 있습니다.