文章詳情頁(yè)
javascript - vue有什么好的辦法返回上一個(gè)路由保持位置不變。
瀏覽:96日期:2022-12-13 16:14:26
問(wèn)題描述
上拉刷新來(lái)實(shí)現(xiàn)分頁(yè),當(dāng)有很多頁(yè)的話(huà),點(diǎn)擊列表某一頁(yè)去詳細(xì),然后從詳情返回上一頁(yè),位置不能變,而且代碼不會(huì)刷新,使用scrollBehavior還是算了,我用的是hash模式,有做過(guò)類(lèi)似,希望能給點(diǎn)意見(jiàn)。
問(wèn)題解答
回答1:beforeRouteLeave(to, from, next){ let position = window.scrollY() this.$store.commit(’SAVE_POSITION’, position) //離開(kāi)路由時(shí)把位置存起來(lái)}
在頁(yè)面中取值
mounted () { this.$nextTick(function(){ let position = this.$store.state.position //返回頁(yè)面取出來(lái) window.scroll(0, position) }) }
標(biāo)簽:
JavaScript
相關(guān)文章:
1. java - 請(qǐng)問(wèn)在main方法中寫(xiě)成對(duì)象名.屬性()并賦值,與直接參參數(shù)賦值輸錯(cuò)誤是什么原因?2. MySQL數(shù)據(jù)庫(kù)中文亂碼的原因3. docker不顯示端口映射呢?4. android studio總是在processes running好久5. macos - mac下docker如何設(shè)置代理6. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””7. docker - 各位電腦上有多少個(gè)容器啊?容器一多,自己都搞混了,咋辦呢?8. mysql - 新浪微博中的關(guān)注功能是如何設(shè)計(jì)表結(jié)構(gòu)的?9. docker-compose 為何找不到配置文件?10. docker gitlab 如何git clone?
排行榜

熱門(mén)標(biāo)簽