vue實現對文章列表的點贊

那一片藍海發表於2020-05-24

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

 

 

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

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

 

 

 

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

 

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

 

 

貼上程式碼:

 

 

 

 

相關文章