VUE——解決跳頁面跳轉後 新頁面沒有位於頂部的問題

01 問題:

頁面通過路由調轉後,新頁面停留的位置與上一級頁面一致

02. 解決

在配置路由時候 加上:scrollBehavior:() => ({ y = 0 }),

const router = new VueRouter({
		  scrollBehavior: () => ({ y: 0 }),
		  routes: [ ]
})

03. 原因

使用組件緩存時 再次切換到此組件 路由不觸發mounted鉤子函數 (不知理解對與否,歡迎指正。)

額外

但是是還有個問題依舊沒有徹底克服!
比如,如果當前頁面是首頁,點擊頁面中的"首頁"選項後,卻依然不置頂,那麼只能老老實實的增加個回到頂部了。

 toYpWebsite () {
      // this.$router.push('/ypWebsite')
      document.body.scrollTop = document.documentElement.scrollTop = 0

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章