Vue 路由跳转传参

vue跳转到指定界面 

this.$router.push({ path: url });

返回上一层 

this.$router.go(-1);

vue界面跳转传递参数

一丶通过name来确定匹配的路由

this.$router.push({ path: '/init/doucfg/search',name:'search',params:{search:value}});
获取参数方法:  this.$route.params.search;

name: "路由下面定义的name";

params : 上述例子传递是一个key为search的值

二丶通过path携带的参数(动态路由)

this.$router.push({ path: '/init/myadmexp/details/'+id});
获取参数方法:    this.$route.params.id;
//此方法需要在路由的path中配置   /:id
{
  path: 'myadmexp/details/:id',
  name: 'search',
  component: search
}

三丶通过query来传递参数，使用此方法传递的参数会出现在url地址中

this.$router.push({ path: '/init/myadmexp/details/',query:{id:code}});
获取参数方法:  this.$route.query.id;