解決vue項目路由出現message: "Navigating to current location (XXX) is not allowed"的問題(點擊多次跳轉)

如果網頁跳轉用的方法傳參去跳轉: (點擊多次鏈接會出現錯誤)

<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