vue项目中路由出现message:"Navigating to

在vue项目中路由出现message:"Navigating to current location(xxx) is not allowed "的问题

原因：在路由中添加了相同的路由。

解决：

重写路由的push方法

在src/router/index.js 里面import Router from 'vue-router'下面写入下面方法即可

/**

* 重写路由的push方法

*/

const routerPush = Router.prototype.push

Router.prototype.push = functionpush(location){

  return routerPush.call(this, location).catch(error=> error)

}

vue相同路由跳转强制刷新该路由组件

1.在菜单的路由跳转上绑定一个随机query参数，例如时间戳或者随机数：

this.$router.push({

    path:"/xxx",

    query:{

        t:Date.now(),

    },

});

2.在路由容器上绑定key值：

<router-view :key="$route.path + $route.query.t">