Vue 之 路由跳轉封裝

大家好！我叫戴向天

QQ羣：602504799

如若有不理解的，可加QQ羣進行諮詢瞭解

在一個項目中封裝路由跳轉的方法還是很有必要的。因爲當你封裝了以後，關於一些參數的操作完全可以進行了統一管理，例如加上公共參數、跳轉外部鏈接等等。

goPage(param, replace) {
  if (typeof param == 'string') {
    param = {
      path: param
    }
  }
  if (replace) {		// 判斷是不是重定向
     this.$replaceRoute(param)
     return
   }
  if (param.path) {
  	if(!param.query){
  		param.query = {}
  	}
	param.query = {
		...param.query,
		// 這裏是添加公共參數，每次跳轉的時候都會進行附帶上去
	    name: "戴向天"
	}
   
    this.$router.push({
      path: param.path,
      query: param.query
    })
  } else if (param.name) {
    this.$router.push({
      name: param.name,
      params: param.params
    })
  } else if (param.outlink) {		// 附加的跳轉方式。（可以根據自己需求來進行相對應的判斷）
    console.log("開始外部跳轉")
  } else {
    console.log("path's value and name's value in param is null")
  }
},