vue router-link跳轉之后帶來的滾動問題

各位同學可能會遇到一個問題,router-link的跳轉可能會帶上當前頁面的scrollTop到跳轉頁,造成我們不希望得到的效果
當然,如果想特意做到這樣的效果可以參考vue滾動行為

這個最直接簡單粗暴的方法還是在跳轉頁面進行scrollTop清零的處理

methods: {
  // 加載的時候從上開始顯示
  scrollTop () {
    document.body.scrollTop = 0
  }
},
created () {
  this.scrollTop()  // 執行清零scrollTop操作
}
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 豆瓣上有這么一句話:你說的話,我連標點符號都想去理解。你送的禮物,連包裝盒我都舍不得扔。你不經意笑一下,我...
    illy愛看書閱讀 561評論 0 0
  • 晉侯拒絕給秦國賣糧,秦國大怒,秦穆王親帥大軍征討晉國。 晉國慶鄭,力主賣糧給秦國,晉侯不聽導致戰爭發生。慶鄭有牢騷...
    李煒微言閱讀 656評論 0 0
  • 兩只鵝那深情的離別一吻感動了無數的網友,成為情人節最溫暖的故事。 很多心善的網友給鵝寫了唯美的續集。 也會有各種奇...
    愿如初音閱讀 556評論 1 2