vue實現對文章列表的點贊

  今天要做一個對文章點贊的功能,實現後的樣式如下,點贊後的文章下面的大拇指圖標會變紅,並且點贊數加1

 

 

 一開始分別遇到過兩個問題:
1、點文章中的一個贊,所有文章的贊全部變紅了

2、點贊後,雖然當前文章的贊變紅了,但是其他贊過的文章樣式沒有保持變紅的狀態

 

 

 

 上面兩個問題都是共用一個布爾或整數變量導致的。

 

為了避免點贊時不影響其他文章的點贊樣式,需要定義一個數組變量來存放點過贊的文章id,流程如下

 

 

貼上代碼: