vue router-link跳转之后带来的滚动问题

各位同学可能会遇到一个问题,router-link的跳转可能会带上当前页面的scrollTop到跳转页,造成我们不希望得到的效果
当然,如果想特意做到这样的效果可以参考vue滚动行为

这个最直接简单粗暴的方法还是在跳转页面进行scrollTop清零的处理

methods: {
  // 加载的时候从上开始显示
  scrollTop () {
    document.body.scrollTop = 0
  }
},
created () {
  this.scrollTop()  // 执行清零scrollTop操作
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 豆瓣上有这么一句话:你说的话,我连标点符号都想去理解。你送的礼物,连包装盒我都舍不得扔。你不经意笑一下,我...
    illy爱看书阅读 567评论 0 0
  • 晋侯拒绝给秦国卖粮,秦国大怒,秦穆王亲帅大军征讨晋国。 晋国庆郑,力主卖粮给秦国,晋侯不听导致战争发生。庆郑有牢骚...
    李炜微言阅读 669评论 0 0
  • 两只鹅那深情的离别一吻感动了无数的网友,成为情人节最温暖的故事。 很多心善的网友给鹅写了唯美的续集。 也会有各种奇...
    愿如初音阅读 558评论 1 2