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.
js中 charCodeAt
2.
Android中通過ViewHelper.setTranslationY實現View移動控制(NineOldAndroids開源項目)
3.
【Android】日常記錄:BottomNavigationView自定義樣式,修改點擊後圖片
4.
maya 文件檢查 ui和數據分離 (一)
5.
eclipse 修改項目的jdk版本
6.
Android InputMethod設置
7.
Simulink中Bus Selector出現很多? ? ?
8.
【Openfire筆記】啓動Mac版Openfire時提示「系統偏好設置錯誤」
9.
AutoPLP在偏好標籤中的生產與應用
10.
數據庫關閉的四種方式
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
vue路由跳轉頁面
2.
頁面跳轉到頂部的方法
3.
AngularJS路由實現web頁面跳轉
4.
vue路由跳轉時,總是跳轉到下一個頁面的底部
5.
PHP跳轉頁面的三種方法
6.
Vue實現頁面跳轉
7.
vue 實現頁面跳轉
8.
vue路由----404頁面單獨跳轉
9.
三種方法實現頁面滾動條直接滾動到頂部
10.
React 路由跳轉後回到頁面頂部
>>更多相關文章<<