解决vue跳转同一路由报错问题

vue中，如果跳转同一个页面路由，虽不会影响功能，但是会报错

原因：路由的push会向历史记录栈中添加一个记录，同时跳转同一个路由页面，会造成一个重复的添加，导致页面的报错

解决方案：在router的index.js中重写vue的路由跳转push

const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err);
}

解决vue跳转同一路由报错问题相关推荐

解决vue重复点击路由报错问题:Uncaught (in promise) NavigationDuplicated
直接在路由router文件夹下加上下面代码: import routes from './router'方法一: const originalPush = Router.prototype.push ...
vue 解决重复点击导航路由报错问题
// 解决重复点击导航路由报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function pu ...
vue重复访问同一路由报错
vue重复访问同一路由报错 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) // 重写router的push ...
解决Vue项目在iOS 10 报错 “Cannot declare a let variable twice: ‘r‘”
问题描述如下图所示,H5页面在iPhone7P及IPhone5c(iOS 10)手机上打开白屏,使用vconsole查看报错原因是Cannot declare a let variable twic ...
vue重复点击路由报错，解决NavigationDuplicated: Avoided redundant navigation to current location: 问题
vue项目中重复加载当前路由会报错, 解决方法:找到项目中的router文件,在里面添加代码,修正Vue原型上的push和replace方法 (注意vue-router的引入名称) // 缓存原型上的 ...
解决vue 跳转相同路由携带不同参数，页面不渲染问题
项目中遇到跳转详情,但是详情中侧边有小列表的存在,这样就是相当于从详情跳到详情,如果直接使用this.router.push的方式,则会发现页面不会重新渲染,写在created和mounted内的方法 ...
vue连续点击重复路由报错解决方法
在 router 的配置文件里下添加一下代码(在use之前): import Router from 'vue-router'const originalPush = Router.prototype ...
解决vue项目build的时候报错Warning: Accessing non-existent property ‘cat‘ of module exports inside circular de
* 正在执行任务: npm run build > selection-tool@1.0.0 build > node build/build.js - building for pro ...
vue重复路由报错解决
vue重复路由报错解决 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation- 分为三种解决方式 1.捕获异 ...

解决vue跳转同一路由报错问题

解决vue跳转同一路由报错问题相关推荐

最新文章

热门文章