方法一:使用vue-router 的,scrollBehavior
項目使用的是 history模式, hash模式(不知道是否可行)
1 在router路由中開啟 scrollBehavior
const router = new VueRouter({ mode: 'history', routes, scrollBehavior (to, from, savedPosition) { // to訪問的頁面 from當前的頁面 savedPosition返回{x:0,y:0} 分別代表x軸和y軸的滾動條(scrollTop)
if (savedPosition) { return savedPosition } else { return { x: 0, y: 0 } } } })
2 在app.vue中開啟keep-alive 緩存
<keep-alive>
<router-view/>
</keep-alive>
方法2,