vue路由传参.md

两种传参方法

1.命名路由传参(name, params方式)

    this.$router.push({name: 'users', params:{userId: 1243}})

2.路由路径传参(path, query方式)

    this.$router.push({path: '/user', query:{id : 12}})

两种获取路由传参(注意:是$route)

1.params获取

    this.$route.params.userId

2. query获取

  this.$route.query.id

总结:

    1.两者都是传1个对象,两个属性,一个是路由指向,一个是附带参数
    2. 两者获取传参数据是this.$route非this.$router
    3. 区别是两者属性字段不是一样,勿搞混
    4. query有点像get请求方法一样把数据暴露在地址栏, params则和post一样把数据封装成一个对象,隐藏起来  
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容