[vuejs/vue-router]为什么saveScrollPosition不生效呢?

2023-12-25 256 views
5

vue-router 0.7.11, vue 1.0.17 主页面是一个 v-for 生成的列表,外层是 router-view 加载的包裹元素。当点击列表元素跳转以后,返回主页面,直接返回到了顶部,为什么saveScrollPosition不生效呢?

import VueRouter from 'vue-router'
import RouterMap from './map'
const router = new VueRouter({
    history: true,
    saveScrollPosition: true
})

router.map(RouterMap.map)
router.alias(RouterMap.alias)

export default router

回答

8

确实有这个问题,我也遇到这个问题,但是还没找到解决办法

9

saveScrollPosition只有在 HTML5 历史模式下才生效。

5

请问history: true是不是已经开启HTML5历史模式了呢?

8

你主页的v-for不是请求的数据,可能是每次到这个页面就会重新请求一次,所以数据重新渲染了