vue配置路由跳转出错

Posted fgwh-y

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue配置路由跳转出错相关的知识,希望对你有一定的参考价值。

配置好跳由点击跳转的时候报

技术图片

 

 这个错

解决方法一:经过多次尝试发现原因可能是 在重新下载依赖包时,安装的vue-router还是之前出错的那个版本,

                      解决方法也很简单,在项目目录下运行 npm i vue-router@3.0 -S 即可。

解决方法二:如果你不想用方法一那就在 main.js里添加一段代码。

 

代码如下:

import Router from ‘vue-router‘
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return routerPush.call(this, location).catch(error=> error)
}

以上是关于vue配置路由跳转出错的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

vue-router在两个以上子路由的情况下,跳转出错

vue之路由传参,跳转,钩子函数

如何在vue中实现路由跳转判断用户权限功能

vue 跳转 同一路由不刷新问题解决