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")
  }
},

猜你喜欢

转载自blog.csdn.net/weixin_41088946/article/details/106048214