vue实现对文章列表的点赞

  今天要做一个对文章点赞的功能,实现后的样式如下,点赞后的文章下面的大拇指图标会变红,并且点赞数加1

 

vue实现对文章列表的点赞

 

 一开始分别遇到过两个问题:
1、点文章中的一个赞,所有文章的赞全部变红了

2、点赞后,虽然当前文章的赞变红了,但是其他赞过的文章样式没有保持变红的状态

 

 

 

 上面两个问题都是共用一个布尔或整数变量导致的。

 

为了避免点赞时不影响其他文章的点赞样式,需要定义一个数组变量来存放点过赞的文章id,流程如下

vue实现对文章列表的点赞

 

 

贴上代码:

vue实现对文章列表的点赞

 

 

vue实现对文章列表的点赞

 

vue实现对文章列表的点赞

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyypdg.html