vue 路由跳转

路由跳转方式-----methods方法下：
方法一：

this.$router.push({
	path: "/",   //即将跳转的路由地址
	query: {		//传参
		key: value
	}
})

方法二：

this.$router.push({
	name: "/",  //即将跳转的路由地址
	params: {		//传参
		key: value
	}
})

方法三：

<router-link :to="{ path:'/', query: { key:  value }}">
<router-link :to="{ name:'/', params: { key:  value }}">

以上都是在原页面打卡新路由

方法四：在新标签页打开新路由

let routeData = this.$router.resolve({
	 path: '/',
	 query: {
	    key:  value
	 }
 })

 window.open(routeData.href, '_blank');

返回上一页：

if (window.history.length <= 1) {	判断是否有历史记录
  this.$router.push({ path: '/' })
} else {
  this.$router.go(-1)   //返回上一页
}