this.$router.push() 跳转与传参
<router-link :to> 点击时会在内部调用,相当于router.push(),一个是声明式写法,一个是编程式写法。
<router-link :to='{ path:'/' ,query:data}'></router-link>
query传参(会显示在地址栏路径里)
this.$router.push({
path:'/' //路由路径,
query:data //传参
})
data:{
id:‘1’
}
params传参(不显示在路径里)
由于动态路由也传递params的,所以this.$router.push()方法中path不能和params一起使用,否则params则无用,需要配置name来指定页面
//配置name
{
path:'./index',
name:'home',
component:index
}
//使用
this.$router.push({
name:'home',
params:{id:'1'}
})
接收参数
this.$route.params.id
this.$route.query.id