·Query
通过在router-link的to中<router-link :to=”{path:’/跳转路由名称’,query{在这里面传递参数}}”></router-link>
在跳转过来的页面中接受是通过 this.$route.query.参数名称
·Params
通过在router-link的to中<router-link :to=”{name:’/跳转路由名称’,params{在这里面传递参数}}”></router-link>
在router配置路由的地方在{
Path:”/跳转路由名称/:id”
}
在跳转过来的页面中接受是通过 this.$route.params.参数名称
methods是vue中的一个属性,在里面定义方法来进行路由跳转下面是方法:
上面两个比较常用,传参方式是在methods这个属性中进行跳转,通过点击来实现跳转如:
getdatlice(){
this.$router.push(
Path:`/跳转路由名称/${传参}`
)
}
在跳转过来的页面中接受是通过 this.$route.params.参数名称