vue版本

“vue”: “^2.6.11”,

主要代碼

//重復點擊導航路由報錯
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}

配置文件[router文件 下index.js]

router > index.js

代碼如下

import Vue from 'vue' import VueRouter from 'vue-router' import routes from './router.config' import axios from 'axios'Vue.use(VueRouter)const router = new VueRouter({mode: 'history',base: process.env.BASE_URL,routes })//重復點擊導航路由報錯 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err) }// 鉤子函數 前端路由攔截 router.beforeEach((to,from,next)=>{if(to.matched.some(item=>item.meta.isLogin)){// 接口請求 后臺告知是否有登陸axios.get('/up/isloginin').then(data=>{ if(data.data.code===1){next()return }next('/login')return }) }// 不做登錄登錄攔截next()})export default router

總結

以上是生活随笔為你收集整理的解决vue项目中重复点击导航路由报错的全部內容，希望文章能夠幫你解決所遇到的問題。

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