文章詳情頁(yè)
javascript - vue有什么好的辦法返回上一個(gè)路由保持位置不變。
瀏覽:133日期: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. Docker for Mac 創(chuàng)建的dnsmasq容器連不上/不工作的問(wèn)題2. html5 - 這個(gè)代碼顯示功能如何實(shí)現(xiàn)?3. java - 關(guān)于File的問(wèn)題?4. java - instance method中 static后的<K>是什么意思?5. docker - 如何修改運(yùn)行中容器的配置6. 錯(cuò)誤:java.lang.NoSuchMethodError:org.objectweb.asm.ClassWriter。<init>(I)V7. python3.x - python連oanda的模擬交易api獲取json問(wèn)題第五問(wèn)8. javascript - QWebEngineView 如何爬 angular 的動(dòng)態(tài)數(shù)據(jù)?9. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題10. 為什么我ping不通我的docker容器呢???
排行榜

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