vue-router路由跳转参数的传递和接收

路由跳转的方式(编程式,声明式)

1.编程式

this.$router.push()有四种方式

// 字符串
this.$router.push('路径')

// 对象
this.$router.push({path:"×××××?name"+this.name})

// 命名的路由
this.$router.push({name:"",params:{key:value}})
(name指的是路由配置文件中的name)


image.png

//带参数查询
this.$router.push({path:"",query:{key:value}})

获取参数

路由传递的参数通过this.route.params/this.route.query

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容