日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

vue-router常见问题解决方案。(滚轴回到顶部、页面跳转同一页面报错、手机电脑端路由跳转)

發布時間:2025/1/21 95 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue-router常见问题解决方案。(滚轴回到顶部、页面跳转同一页面报错、手机电脑端路由跳转) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

當頁面跳轉后,側邊滾軸會還是一個頁面位置

//路由跳轉后,頁面回到頂部 router.afterEach(() => {document.body.scrollTop = 0;document.documentElement.scrollTop = 0; });

頁面跳轉同一頁面,報錯

// 消除跳轉同一個頁面報錯 const originalPush = Router.prototype.push; Router.prototype.push = function push(location) {return originalPush.call(this, location).catch((err) => err); };

手機、電腦端路由跳轉

const routes = [{path: '/',beforeEnter(to, from, next) {let path;if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {console.log('-----這里是移動端-----');path = '/MB';} else {console.log('-----這里是電腦端-----');path = '/PC';}next(path);},}]

總結

以上是生活随笔為你收集整理的vue-router常见问题解决方案。(滚轴回到顶部、页面跳转同一页面报错、手机电脑端路由跳转)的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。