vue路由传值与接收
方法一:使用this.$router.push({path:'需要跳转的路由路径',query:{id:id}})this.$router.push({path:'路由跳转路径',query:{id:id}})参数接收,这里接收的是id,传过来的是什么值,就怎么接收this.$route.query.id方法二:使用th...
·
方法一:使用this.$router.push({path:'需要跳转的路由路径',query:{id:id}})
this.$router.push(
{
path:'路由跳转路径',
query:{id:id}
}
)
参数接收,这里接收的是id,传过来的是什么值,就怎么接收
this.$route.query.id
方法二:使用this.$router.push({name:配置路由时候的name,params:{id:id}})
this.$router.push(
{
name:"路由设置的name"
params:{id:id}
}
)
参数接收
this.$route.params.id
使用query相当于是get请求,传过去的数值在地址栏中是可见的,params相当于是post,参数不会在地址栏中显示
query是使用path来跳转的,params根据name来跳转的
使用params传值,就必须使用name跳转,或者手动填写完整的带有参数的url,否则传过去的值是没有的
笔记:
this.$route——当前路由
this.$router.options.routes——所有路由
更多推荐
已为社区贡献8条内容
所有评论(0)