router跳页面传参

最新推荐文章于 2023-04-18 10:06:02 发布

朝阳群众Jone

最新推荐文章于 2023-04-18 10:06:02 发布

阅读量713

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/xj932956499/article/details/103243257

版权

Vue 专栏收录该内容

27 篇文章 9 订阅

订阅专栏

我的router定义

 { path: "/homePage/:Type/:ContentID", name: 'homePage'},//--注意不同传参定义不同
 { path: "/indexPage", name: 'indexPage'},

1 params 传参

注意：patams传参，路径必须使用name,不然获取不到传的数据

此种传参在刷新后就取不到值了

this.$router.push({
             name: 'homePage',
             params: {
                 Type: 'QualityOrder',
                 ContentID: 10
             }
 })

//取值
//接收的页面
this.$route.params.Type

2 query传参

就是url传参

this.$router.push({
               path: 'indexPage',
               query:{
                   token:'aaa',
                   id: this.curQTYOrderID
               }
 })

//取值
//接收的页面
this.$route.query.token