首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue中页面跳转滚动条置顶(总结)

1.vue单个页面跳转时: 在此页面上mounted方法中设置滚动条的方法 1 2 3 4 mounted() {            // 切换页面时滚动条自动滚动到顶部        window.scrollTo...(0,0);      } 2.全部页面,使用路由的钩子函数中设置(在router中main.js) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19...document.documentElement.scrollTop = 0     // safari     window.pageYOffset = 0     next() }) 3.全部页面...,使用路由vue-router自带的滚动条行为解决(router中的index.js文件中) 1 2 3 4 5 6 7 8 //页面跳转显示在顶部   scrollBehavior (to, from...      return savedPosition     } else {       return { x: 0, y: 0 }     }   } 4.layout布局时全部页面跳转滚动条置顶

2.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到
    领券