vue-router 2.0+vue

Question

列表页面数据滑动到最底部，使用 this.$router.push()跳转到详情页，详情页自动定位到底部,怎么才能跳转到详情页不定位到底部

Answer 1

scrollBehavior

下属代码意思，浏览网页滚动中间位置，下一页，点击浏览器返回键，保持上一页浏览位置，使用vue-router返回上一页，从浏览器顶部从新开始。

scrollBehavior: function (to, from, savedPosition) {
        return savedPosition || { x: 0, y: 0 }
    },

savedPosition ：在使用正常浏览器返回前进，遵从浏览器属性，记录浏览位置
{ x: 0, y: 0 }：在使用vue-router路由的页面从顶端开始显示

所以你只需要

scrollBehavior: function (to, from, savedPosition) {
        return  { x: 0, y: 0 }
    },

https://segmentfault.com/a/11...

这个是官方文档，讲的很清楚，你可以看一下
http://router.vuejs.org/zh-cn...

Answer 2

谢邀，可以参考一下文档vue-router 2.0的滚动行为

Answer 3

1. 可以使用 @leenty 所说的vue-router提供的滚动行为；

2. 可以在跳转页面后使用window对象的scrollTo()方法滚回页面顶部。