javascript - vue2.0의 렌더링 목록 li에서 제어를 통해 속성을 추가하는 동적 v-bind:class가 즉시 적용되지 않습니다.
给我你的怀抱
给我你的怀抱 2017-05-19 10:13:11
0
2
675

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

으아아아

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

으아아아

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

给我你的怀抱
给我你的怀抱

모든 응답(2)
我想大声告诉你

으아아아

Ty80

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

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿