當(dāng)前位置:
首頁 >
vue页面路由跳转重复报错的问题
發(fā)布時(shí)間:2024/3/12
40
豆豆
生活随笔
收集整理的這篇文章主要介紹了
vue页面路由跳转重复报错的问题
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
當(dāng)我們使用 this.$router.push("/index")跳轉(zhuǎn)到首頁,然后再次點(diǎn)擊首頁就會(huì)出現(xiàn)以下這個(gè)錯(cuò)誤
這是因?yàn)槲覀冊(cè)诋?dāng)前頁面進(jìn)行了重復(fù)跳轉(zhuǎn),雖然這個(gè)錯(cuò)誤不影響開發(fā),但是畢竟是一個(gè)報(bào)錯(cuò),還是要處理的,處理方法就是在index.js/router文件中添加如下代碼
Vue.use(Router) //獲取原型對(duì)象上的push函數(shù) const originalPush = Router.prototype.push //修改原型對(duì)象中的push方法 Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err) }這樣就不會(huì)報(bào)錯(cuò)了
總結(jié)
以上是生活随笔為你收集整理的vue页面路由跳转重复报错的问题的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 5G术语(一)-NR、NSA/SA
- 下一篇: vue项目中解决路由重复点击报错问题