vue-router重寫push方法,解決相同路徑跳轉(zhuǎn)報(bào)錯(cuò)問(wèn)題

import Vue from 'vue'
import Router from 'vue-router'
 
/**
 * 重寫路由的push方法
 * 解決，相同路由跳轉(zhuǎn)時(shí)，報(bào)錯(cuò)
 * 添加，相同路由跳轉(zhuǎn)時(shí)，觸發(fā)watch (針對(duì)el-menu，僅限string方式傳參，形如"view?id=5")
 */
 
// 保存原來(lái)的push函數(shù)
const routerPush = Router.prototype.push 
// 重寫push函數(shù)
Router.prototype.push = function push(location) {
 
 // 這個(gè)if語(yǔ)句在跳轉(zhuǎn)相同路徑的時(shí)候，在路徑末尾添加新參數(shù)（一些隨機(jī)數(shù)字）
 // 用來(lái)觸發(fā)watch
 if(typeof(location)=="string"){
 var Separator = "&";
 if(location.indexOf('?')==-1) { Separator='?'; }
 location = location + Separator + "random=" + Math.random();
 }
 
 // 這個(gè)語(yǔ)句用來(lái)解決報(bào)錯(cuò)
 // 調(diào)用原來(lái)的push函數(shù)，并捕獲異常
 return routerPush.call(this, location).catch(error => error)
}
 
Vue.use(Router)
export default new Router({
 routes: [
 {
  path: '/',
 
 }
 ]
})

<router-link to="/home" @click.native="flushCom">首頁(yè)</router-link>
<script>  
export default {
...
...
methods:{
 flushCom:function(){
 //router是路由實(shí)例,例如:var router = new Router({})
  //router.go(n)是路由的一個(gè)方法，意思是在history記錄中前進(jìn)或者后退多少步，0就表示還是當(dāng)前，類似window.history.go(n)
 this.$router.go(0); 
 }
}
}
<script>