angular.js - 프런트엔드와 백엔드 분리와 관련된 함수 스타일 문제와 유사

Question

vue를 사용하여 프런트엔드 페이지를 작성했습니다. 좋아요는 이미 작성했는데 API와 달리 기사 ID만 API로 전송하면 이미 기사를 API를 통해 얻을 수도 있습니다. 지금 겪고 있는 문제는 스타일을 변경하고 싶다는 것입니다. 즉, 페이지가 처음 로드될 때 이 기사가 마음에 들었는지 판단한 다음 스타일이 좋아요의 스타일이 됩니다. . 하지만 기사는 v-repeat(ng-repeat와 유사)에 의해 생성되었으며 현재 기사가 좋아요를 받았는지 확인하기 위해 기사에 필터를 추가하고 Ajax 콜백에서 dom을 다시 작성했습니다. 다시 작성된 DOM이 vue에 의해 렌더링되었습니다. 좋은 방법 없을까요?

Answer 1

저도 비슷한 일을 했지만,angularjs를 사용하고 있습니다
이전과 동일하지만 좋아요 클래스에 대한 방법을 생각했습니다. 적합한지 확인할 수 있습니다.
예를 들어 nice는 목록(서버에서 반환) 배열의 부울 값입니다. 판단 지점을 클릭하지 않은 경우 처음 로드할 때 이 값을 사용하여 좋아요 버튼 클래스를 순환합니다
그런 다음 좋아요 버튼에 ng-click을 추가하여 http를 보냅니다. 전송이 성공한 후 list.nice의 Boolean 값을 변경한 다음 list.nice의 위치를 ​​확인하려면 $index를 전달합니다. http를 캡슐화하는 메서드입니다.
언급한 dom의 재작성은 실제로 양방향 바인딩의 값을 변경하지 않습니다. 여전히 전통적인 jquery 생각입니다. 바인딩 값을 변경하는 것이 더 적절한 방법입니다.

Answer 2

돔을 수동으로 변경하는 대신 vue의 고유한 방법을 사용하여 스타일을 관리해야 합니다