微信小程序中如何利用setData進行列表局部刷新

此文章有最新地址:微信小程序利用setData對列表進行局部刷新超詳細

應(yīng)用場景

在一個列表中,有n條數(shù)據(jù),采用上拉加載更多的方式,假如這個時候想對其中某一個數(shù)據(jù)進行點贊操作,還能及時看到點贊的效果

解決方法

1、可以采用setData全局刷新,點贊完成之后,重新獲取數(shù)據(jù),再次進行全局重新渲染,這樣做的優(yōu)點是:方便,快捷!缺點是:用戶體驗極其不好,當(dāng)用戶刷量100多條數(shù)據(jù)后,重新渲染量大會出現(xiàn)空白期(沒有渲染過來)

2、說到重點了,就是利用setData局部刷新

a.將點贊的id傳過去,知道點的是那一條數(shù)據(jù)

將點贊的id傳過去,知道點的是那一條數(shù)據(jù)

b.重新獲取數(shù)據(jù),查找相對應(yīng)id的那條數(shù)據(jù)的下標(一會方便替換之前渲染的列表中的那條數(shù)據(jù),index是不會改變的)


c.用setData進行局部刷新


如圖即可

其實這個小操作對剛剛接觸到微信小程序的人來說應(yīng)該是不容易發(fā)現(xiàn)的,不理解setData還有這樣的寫法。如果這篇文章對你有幫助,希望您也能加入我的qq群幫助更多需要幫助的小程序開發(fā)者:751741695

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容