vue.js - vue-router 2.0+vue

问题描述

问 题

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

解决方案

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...

这篇关于vue.js - vue-router 2.0+vue的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！