vue项目导航连续点击会报错

最新推荐文章于 2024-12-25 18:40:45 发布

如果会御剑

最新推荐文章于 2024-12-25 18:40:45 发布

阅读量168

点赞数 1

文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_44694389/article/details/120649417

版权

本文介绍了两种解决Vue Router在跳转时可能出现错误的方法。第一种是在路由配置中为组件导入添加catch块来捕获错误。第二种是修改Vue Router原型上的push方法，确保错误被捕获并处理。这些技巧有助于提高应用的稳定性和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决方法：

1.在路由文件index.js

{
    path: '/ProductIntroduction',
    name: 'ProductIntroduction',
    component: function(){
      return import('../views/ProductIntroduction.vue').catch(err => err)
    },
  },

添加catch(err => err)即可。

2.同样在路由文件index.js

//获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
//修改原型对象中的push方法
VueRouter.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)
}

添加这段文本。

注意：VueRouter这个关键字是上面你引用路由的名称

比如：import VueRouter from 'vue-router'