文章詳情頁
javascript - vue有什么好的辦法返回上一個路由保持位置不變。
瀏覽:126日期:2022-12-13 16:14:26
問題描述
上拉刷新來實(shí)現(xiàn)分頁,當(dāng)有很多頁的話,點(diǎn)擊列表某一頁去詳細(xì),然后從詳情返回上一頁,位置不能變,而且代碼不會刷新,使用scrollBehavior還是算了,我用的是hash模式,有做過類似,希望能給點(diǎn)意見。
問題解答
回答1:beforeRouteLeave(to, from, next){ let position = window.scrollY() this.$store.commit(’SAVE_POSITION’, position) //離開路由時把位置存起來}
在頁面中取值
mounted () { this.$nextTick(function(){ let position = this.$store.state.position //返回頁面取出來 window.scroll(0, position) }) }
標(biāo)簽:
JavaScript
相關(guān)文章:
1. javascript - 我是做web前端的,公司最近有一個項(xiàng)目關(guān)于數(shù)據(jù)統(tǒng)計(jì)的!2. javascript - vue過渡效果 css過渡 類名的先后順序3. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)4. javascript - 在ie下為什么會出現(xiàn)這種情況呢 《 無法獲取未定義或 null 引用的屬性“l(fā)ength”》 ?請大神指教。5. css右浮動字的順序顛倒了6. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實(shí)在是找不到哪里的問題了。7. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?8. javascript - vuejs+elementui 購物車價(jià)格計(jì)算,點(diǎn)擊加減號修改數(shù)量總價(jià)都不會改變,但是計(jì)算執(zhí)行了9. javascript - 如何使用loadash對[object,object,object]形式的數(shù)組進(jìn)行比較10. html5和Flash對抗是什么情況?
排行榜

熱門標(biāo)簽