angular.js - 前后端分离的点赞功能样式问题

Question

我是用vue写的前端页面。点赞和取消点赞api我已经写好了，只需要向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의 고유한 방법을 사용하여 스타일을 관리해야 합니다