在VUE中,使用vue-router跳转页面时,自动回到页面顶部效果

本文转载自CSDN中大佬的文章,链接:https://blog.csdn.net/weixin_37861326/article/details/79978068

在vue的项目中,入点击跳转页面时,不会自动回到页面的顶部,仍处于上次浏览的位置,对于使用体验不是特别友好,我们只需要在router中修改:

export default new Router({

        routes: [{...}],

        scrollBehavior(to, from,savedPosition) {

                return {

                    x: 0,

                    y: 0

                }

        }

})

在完成上面的操作后,重新加载页面时,会自动回到页面顶部。

你可能感兴趣的:(在VUE中,使用vue-router跳转页面时,自动回到页面顶部效果)