1.绑定事件

  1. <img :src="item.like?'./images/zanhou.png':'./images/zanqian.png'" alt=""
  2. @click="handleClick(item._id)"/></td>

2.方法

  1. handleClick(id){
  2. var movies=this.movies;
  3. var item=movies.find(item=>item._id==id);
  4. if(item.like){
  5. item.like=false;
  6. }else{
  7. item.like=true;
  8. }
  9. this.movies=movies;
  10. $.ajax({
  11. url:"http://localhost:8080/doLike",
  12. method:"post",
  13. data:{
  14. id,
  15. like:item.like
  16. }
  17. }).then(res=>{
  18. console.log(res);
  19. })
  20. }

3.添加

点赞 - 图1

4.处理点赞路由

  1. router.post("/doLike",async ctx=>{
  2. console.log(ctx.request.body);
  3. var{id,like}=ctx.request.body;
  4. await Top250Model.updateOne({_id:id},{$set:{like:like}})
  5. })