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

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

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

methods: {
  // 加载的时候从上开始显示
  scrollTop () {
    document.body.scrollTop = 0
  }
},
created () {
  this.scrollTop()  // 执行清零scrollTop操作
}

你可能感兴趣的:(vue router-link跳转之后带来的滚动问题)