//變更當(dāng)前路由(有歷史記錄,建議使用此方式)
this.$router.push({
  name:'routerName',
  params:routerParam
})
//變更當(dāng)前路由(無歷史記錄)
this.$router.replace({
  name:'routerName',
  routerParam
})

/**
 * @description 根據(jù)name/params/query判斷兩個路由對象是否相等
 * @param {*} route1 路由對象
 * @param {*} route2 路由對象
 */
export const routeEqual = (route1, route2) => {
 return route1.name === route2.name
 // 此處改變相同路由的判斷方式,改為name相同即認(rèn)為相同
 // const params1 = route1.params || {}
 // const params2 = route2.params || {}
 // const query1 = route1.query || {}
 // const query2 = route2.query || {}
 // return (route1.name === route2.name) && objEqual(params1, params2) && objEqual(query1, query2)
}

...
<side-menu
accordion
ref="sideMenu"
:active-name="$route.name"
:collapsed="collapsed"
@on-select="turnToPage"
:menu-list="menuList"
>
...
  //此方法隸屬于methods,用以監(jiān)控side-menu的選擇事件,即平時從左側(cè)菜單打開標(biāo)簽頁的邏輯
  turnToPage (route) {
   let { name, params, query } = {}
   if (typeof route === 'string') name = route
   else {
    name = route.name
    params = route.params
    query = route.query
   }
   if (name.indexOf('isTurnByHref_') > -1) {
    window.open(name.split('_')[1])
    return
   }
   this.$router.push({
    name,
    params,
    query
   })
  },
...
watch: {
  // 檢測route的變化
  $route (newRoute) {
   const { name, query, params, meta } = newRoute
   this.addTag({
    route: { name, query, params, meta },
    type: 'push'
   })
   this.setBreadCrumb(newRoute)
   this.setTagNavList(getNewTagList(this.tagNavList, newRoute))
   this.$refs.sideMenu.updateOpenName(newRoute.name)
  }
},
...

addTag (state, { route, type = 'unshift' }) {
 let router = getRouteTitleHandled(route)
 if (!routeHasExist(state.tagNavList, router)) {
  if (type === 'push') state.tagNavList.push(router)
  else {
   if (router.name === homeName) state.tagNavList.unshift(router)
   else state.tagNavList.splice(1, 0, router)
  }

  setTagNavListInLocalstorage([...state.tagNavList])
 }
},

/**
 * 判斷打開的標(biāo)簽列表里是否已存在這個新添加的路由對象
 */
export const routeHasExist = (tagNavList, routeItem) => {
 let len = tagNavList.length
 let res = false
 doCustomTimes(len, (index) => {
  if (routeEqual(tagNavList[index], routeItem)) res = true
 })
 return res
}

// 變更指定路由的參數(shù)
changeTagParams (state, route) {
 let routeOldIndex = state.tagNavList.findIndex(m => routeEqual(m, route))
 if (routeOldIndex !== -1) {
  let routeOld = state.tagNavList[routeOldIndex]
  routeOld.params = route.params
  state.tagNavList.splice(routeOldIndex, 1, routeOld)
  setTagNavListInLocalstorage([...state.tagNavList])
 }
},

watch: {
  // 檢測route的變化
  $route (newRoute) {
   const { name, query, params, meta } = newRoute
   this.addTag({
    route: { name, query, params, meta },
    type: 'push'
   })
   this.setBreadCrumb(newRoute)
   this.setTagNavList(getNewTagList(this.tagNavList, newRoute))
   this.$refs.sideMenu.updateOpenName(newRoute.name)
   // 增加路由參數(shù)變更環(huán)節(jié)
   this.changeTagParams(newRoute)
  }
},

// 清空數(shù)據(jù),該方法在保存后調(diào)用
clearData () {
 //該部分是用來清除當(dāng)前route的參數(shù)
 this.$router.push({
  params: Object.assign(this.$route.params, { id: undefined })
 })
 //這部分代碼是用來清空當(dāng)前頁面內(nèi)容,每個模塊都不盡相同,不必模仿
 this.mOtherExpense = JSON.parse(JSON.stringify(this.mOtherExpenseInitial))
 this.tableData = [{}]
 this.loadCode()
 this.mOtherExpense.openingDate = new Date()
},

// 設(shè)置路由id,該方法在第一次保存后調(diào)用
setData (id) {
 //這里的id是保存后從后臺傳來的新id
 this.$router.push({
  params: Object.assign(this.$route.params, { id })
 })
}