vue页面与页面之间的滚动位置隔离并缓存各页面位置

最新推荐文章于 2024-01-11 14:31:05 发布

有趣的前端

最新推荐文章于 2024-01-11 14:31:05 发布

阅读量264

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/wys997/article/details/108309807

版权

vue 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

上代码:

let arr = {}

const router = new VueRouter({
    mode: 'history',
    base: process.env.BASE_URL,
    routes,
    //页面之间无位置影响 设置为暂存的位置
    scrollBehavior(to, from, savedPosition) {
       let y = arr[to.name]
       
        return {x: 0, y: y}
    }
})

//路由前置守卫暂存scroll位置
router.beforeEach((to, from, next) => {
    arr[from.name] = document.documentElement.scrollTop

    next()
})