JavaShuo
欄目
標籤
三種方法實現Vue路由跳轉時自動定位在頁面頂部
時間 2020-05-20
標籤
三種
方法
實現
vue
路由
自動
定位
頁面
頂部
欄目
系統網絡
简体版
原文
原文鏈接
在作Vue項目的時候發現 當路由跳轉時 頁面是不會自動跳轉到頂部的 而是停留在當前已滾動的距離javascript 實現方法其實很簡單 共有三種方法可實現頁面自動跳轉到頂部 在路由的main.js(router.js)裏添加以下代碼便可:vue 方法一: // 跳轉後自動返回頁面頂部 router.afterEach(() => { window.scrollTo(0,0); }) 方法二
>>阅读原文<<
相關文章
1.
vue路由跳轉頁面
2.
頁面跳轉到頂部的方法
3.
AngularJS路由實現web頁面跳轉
4.
vue路由跳轉時,總是跳轉到下一個頁面的底部
5.
PHP跳轉頁面的三種方法
6.
Vue實現頁面跳轉
7.
vue 實現頁面跳轉
8.
vue路由----404頁面單獨跳轉
9.
三種方法實現頁面滾動條直接滾動到頂部
10.
React 路由跳轉後回到頁面頂部
更多相關文章...
•
SVG 在 HTML 頁面
-
SVG 教程
•
Spring實例化Bean的三種方法
-
Spring教程
•
SpringBoot中properties文件不能自動提示解決方法
•
使用阿里雲OSS+CDN部署前端頁面與加速靜態資源
相關標籤/搜索
自由自在
類-三種方法
實現方法2
跳頁
頂部
04_SSM簡單頁面跳轉
跳轉
在各方面
方方面面
轉自界面
系統網絡
紅包項目實戰
SQLite教程
PHP教程
面試
算法
學習路線
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
字節跳動21屆秋招運營兩輪面試經驗分享
2.
Java 3 年,25K 多嗎?
3.
mysql安裝部署
4.
web前端開發中父鏈和子鏈方式實現通信
5.
3.1.6 spark體系之分佈式計算-scala編程-scala中trait特性
6.
dataframe2
7.
ThinkFree在線
8.
在線畫圖
9.
devtools熱部署
10.
編譯和鏈接
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
vue路由跳轉頁面
2.
頁面跳轉到頂部的方法
3.
AngularJS路由實現web頁面跳轉
4.
vue路由跳轉時,總是跳轉到下一個頁面的底部
5.
PHP跳轉頁面的三種方法
6.
Vue實現頁面跳轉
7.
vue 實現頁面跳轉
8.
vue路由----404頁面單獨跳轉
9.
三種方法實現頁面滾動條直接滾動到頂部
10.
React 路由跳轉後回到頁面頂部
>>更多相關文章<<