亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

web端這種需求場景怎么實現合適?(列表相關)

web端這種需求場景怎么實現合適?(列表相關)

慕桂英3389331 2019-05-10 09:17:03
有這么一個場景:一個列表頁,每一個列表項都有點贊按鈕,已點贊為紅色激活態,未點贊為灰色.每一個列表項都能點擊跳轉進入詳情,詳情頁面里也存在點贊按鈕.這時候如果在詳情內點贊了,如何把這個已點贊狀態傳遞到列表頁?想過幾個方案:每次進列表頁面重新請求,但是這樣不夠優,并且在分頁的情況下是不可行的.用vuex將列表數據存在全局store中,在詳情頁面點贊的時候去修改store里的對應數據,但是這樣需要維護store,有一定成本,退出列表后需要銷毀列表數據,避免數據占用內存點贊后打個全局的標記,每次進入列表頁面查看一下標記,根據標記去做狀態的更新.想問問大家是怎么實現這樣的功能的?有沒有更好的解決方案
查看完整描述

2 回答

?
吃雞游戲

TA貢獻1829條經驗 獲得超7個贊

不管是列表項還是詳情項都會有一個唯一ID,將所有點過贊的數據ID,記錄到一個贊集合中(set結構),可以使用vuex管理。無論是在列表中還是詳情中,只要新加載項之后,如果當前加載的數據是贊就將數據ID添加到贊集合中。如果用戶點贊,則將ID添加到贊集合中,如果取消贊則將ID從贊集合中取消。讀取用戶是否贊只需要根據ID是否存在于贊集合中即可。將全站的贊狀態統一管理,可以做到一處操作,全站狀態更新。
                            
查看完整回答
反對 回復 2019-05-10
?
斯蒂芬大帝

TA貢獻1827條經驗 獲得超8個贊

1.我的理解你不管點贊還是取消點贊,這個功能都是需要和后端交互的,最終數據是存在后端的2.所以每次點贊之后提交給后端,進入詳情頁的時候從后端拉一下最新數據,無論是存store里還是存哪里,每次頁面進入的時候要保持頁面的數據和后端是一致的
                            
查看完整回答
反對 回復 2019-05-10
  • 2 回答
  • 0 關注
  • 407 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號