vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

短命女 2022-04-17 03:39 821阅读 0赞
  1. //路由跳转后,页面回到顶部
  2. router.afterEach(() => {
  3. document.body.scrollTop = 0;
  4. document.documentElement.scrollTop = 0;
  5. })

在网上查了一下,网友说还可以试试在main.js入口文件配合vue-router写上面这个;

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzbDEyNQ_size_16_color_FFFFFF_t_70

另一种方法:

  1. export default new Router({
  2. mode: 'hash',
  3. // base: '/dist/',
  4. scrollBehavior: () => ({ y: 0 }), //路由跳转后页面回到顶部
  5. routes: []
  6. })

发表评论

表情:
评论列表 (有 0 条评论,821人围观)

还没有评论,来说两句吧...

相关阅读