当前位置:   article > 正文

vue 中 this.$router.push() 路由跳转传参 及 参数接收的方法_this.$router.push 新页面接受参数

this.$router.push 新页面接受参数

总结:params传参时,用name标志路由
query传参时用path标志路由
name query
name params
path query

一.Params (隐式)
由于动态路由也是传递params的。
在 this.$router.push() 方法中 path不能和params一起使用,否则params将无效。
需要用name来指定页面,即通过路由配置的name属性访问。

配路由:
配路由
路由跳转:
在这里插入图片描述

取值:$this.route.params.yysId
二.Query(显式)
//query传参:用path和name均可

路由跳转:
在这里插入图片描述
取值
this.$route.query

三.router route
1.取参数this.$route.name、path、query、params

2.JS路由跳转 this.$router.push({
name:"",
params:{userId:Id}
})

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/285078
推荐阅读
相关标签
  

闽ICP备14008679号