文章詳情頁(yè)
javascript - 詳情頁(yè)回退列表頁(yè)如何記錄用戶瀏覽位置并更新局部視圖?
瀏覽:220日期:2023-05-19 17:54:02
問(wèn)題描述
angular做的單頁(yè)應(yīng)用,類似與貼吧論壇之類。現(xiàn)在用戶瀏覽列表頁(yè)滾動(dòng)到底部就會(huì)自動(dòng)加載下一頁(yè)數(shù)據(jù),如果用戶點(diǎn)擊進(jìn)入查看詳情頁(yè)在回退回來(lái),那如何記錄用戶瀏覽位置并且更新一些局部視圖呢(比如帖子的瀏覽量和評(píng)論數(shù)量),有沒(méi)有什么好的解決方案?
問(wèn)題解答
回答1:使用Vuex或者Vuet做為狀態(tài)管理,樓主可以看下這篇Vue.js項(xiàng)目重構(gòu),輕松實(shí)現(xiàn)上拉加載滾動(dòng)位置還原
回答2:vue的話有很多前人已經(jīng)踩過(guò)這個(gè)坑,angular或許也有
提一個(gè)框架無(wú)關(guān)性的解決思路
可以利用 localstorage 緩存列表頁(yè)的數(shù)據(jù)信息,第幾頁(yè)參數(shù),滾動(dòng)條高度
或者只記錄第幾頁(yè)參數(shù)以及滾動(dòng)條高度,重新請(qǐng)求
標(biāo)簽:
JavaScript
相關(guān)文章:
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. boot2docker無(wú)法啟動(dòng)3. docker-compose中volumes的問(wèn)題4. java - SSH框架中寫分頁(yè)時(shí)service層中不能注入分頁(yè)類5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. javascript - mock.js可以存儲(chǔ)數(shù)據(jù)嗎7. nignx - docker內(nèi)nginx 80端口被占用8. docker api 開(kāi)發(fā)的端口怎么獲取?9. dockerfile - 為什么docker容器啟動(dòng)不了?10. node.js - antdesign怎么集合react-redux對(duì)input控件進(jìn)行初始化賦值
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備