作者:燕歆波
簡介:在小程序中實現點贊效果,並刷新當前item的狀態
實現步驟
首先在data中定義了兩個變量:
在渲染列表時，需要判斷當前item的點贊狀態,比如:如果狀態是1，那麼就是未點贊，需要設置圖片爲like，如果狀態是0，那麼已經點贊,需要設置圖標unlike,如下:
由於在獲取數據時，列表並沒有提供isLike這個字段讓我們判斷,所以在獲取數據列表時，我們爲每一條數據增加一個字段：
這樣我們就方便在頁面中判斷當前item的點贊狀態;
在渲染列表時，增加一個點擊事件:bindtap=‘addLike’,還需要將當前位置(data-index)傳遞過去,在js中，需要增加addLike事件來處理點贊邏輯:
在addLike方法中,獲取點贊對象的數據,拿到index,接下來，就需要刷新index位置上的數據了:
獲取index位置上的item對象,如果當前當前狀態是1(未點贊),那麼改變狀態爲0(點贊),反之亦然,然後通過setData方法,將index位置上的數據重新賦值,這樣頁面效果就出來了。
對於剛接觸小程序沒多久的人來說，setData裏的語法真的想不到,我也是試了很多方式，最後沒成功的原因主要是: 雖然實現了修改index位置上的item的狀態,但是並沒有賦值給列表中，所以頁面始終是無法刷新的