vue--解决多个页面之间滚动互相影响的问题

页面在点击跳转到新页面时可能会出现: 新页面的当前所在位置是原页面滑动到的位置,影响用户体验

解决方案
https://router.vuejs.org/zh/guide/advanced/scroll-behavior.html
router 内添加

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

在这里插入图片描述

动画效果

vue--解决多个页面之间滚动互相影响的问题_第1张图片

引用组件页面

  1. 导入在这里插入图片描述
  2. 注册
    vue--解决多个页面之间滚动互相影响的问题_第2张图片
  3. 使用
    vue--解决多个页面之间滚动互相影响的问题_第3张图片

你可能感兴趣的:(前端学习,Vue)