文章詳情頁(yè)
javascript - vue有什么好的辦法返回上一個(gè)路由保持位置不變。
瀏覽:99日期:2022-12-13 16:14:26
問(wèn)題描述
上拉刷新來(lái)實(shí)現(xiàn)分頁(yè),當(dāng)有很多頁(yè)的話,點(diǎn)擊列表某一頁(yè)去詳細(xì),然后從詳情返回上一頁(yè),位置不能變,而且代碼不會(huì)刷新,使用scrollBehavior還是算了,我用的是hash模式,有做過(guò)類似,希望能給點(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. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗!2. css - input元素的time控件無(wú)法選擇3. javascript - 這里的這個(gè)函數(shù)是干嘛用的?4. python - pyspider的分布式運(yùn)行成功,2臺(tái)slave跑,但是時(shí)間并沒(méi)有縮短問(wèn)題?5. css3 隱藏文本6. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題7. java如何高效讀寫10G以上大文件8. dockerfile - [docker build image失敗- npm install]9. javascript - CSS圖片輪播顯示問(wèn)題10. javascript - vue-router怎么不能實(shí)現(xiàn)跳轉(zhuǎn)呢
排行榜

熱門標(biāo)簽