首页 > 其他 > 详细

解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题(点击多次跳转)

时间:2019-12-16 12:57:37      阅读:1098      评论:0      收藏:0      [点我收藏+]

如果网页跳转用的方法传参去跳转: (点击多次链接会出现错误)

<a class="" href="javascript:void(0);" @click="goto(‘M000989‘)">跳转</a>

 

    goto: function(mallCode){
      this.$router.push({
        path: ‘/about‘,
        //name: ‘about‘,
        query: {
          mallCode: ‘M000989‘
        }
      })
    },

 

 

这个的原因: 

原因:在路由中添加了相同的路由。
解决:
重写路由的push方法

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

/**
 * 重写路由的push方法
 */
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return routerPush.call(this, location).catch(error=> error)
}

 

 

 

 

转 : https://www.cnblogs.com/lxk0301/p/11671256.html

 

解决vue项目路由出现message: "Navigating to current location (XXX) is not allowed"的问题(点击多次跳转)

原文:https://www.cnblogs.com/fps2tao/p/12048214.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!