javascript - vue2.0의 렌더링 목록 li에서 제어를 통해 속성을 추가하는 동적 v-bind:class가 즉시 적용되지 않습니다.

Question

예제 코드:
1단계: 서버에서 데이터 개체 배열 가져오기: [obj, obj, obj],
2단계: 각 하위 개체에 브라우저 개체 obj 추가:

으아아아

3단계: 이 속성을 html 구조에 바인딩하여 동적 클래스를 제어합니다

으아아아

결과는 다음과 같습니다. 클릭할 때마다 myobj 속성이 true로 변경되었지만 동적 클래스는 ul을 새로 고칠 때까지 적용되지 않습니다(새로 고침 시 ul 데이터를 다시 가져오지 않음).

Answer 1

으아아아

Answer 2

정답은 위층에 있습니다. 속성은 동적으로 추가되므로 vue에서 제공하는 set 메소드를 사용하여 속성을 ES5 접근자 속성으로 만들어 변경 사항을 추적해야 합니다.