路由传参传对象

传字符串

#传送
 this.$router.push({
        name: `TestVueRouterTo`,
        params: {
          page: '1', code: '8989'
        }
      })
#接收
getRouterData() {
      this.page = this.$route.params.page
      this.code = this.$route.params.code
      console.log('page', this.page)
      console.log('code', this.code)
    }


参考网页:https://www.cnblogs.com/beka/p/8583924.html


传对象

在路由传参中,只能传取字符串,如果需要传对象的话,需将字符串靠JSON转为字符串。接收后靠JSON解析
传:


// 列表页点击跳转
let data = JSON.stringify(result) // result传递的query参数。我们转为string
this.$router.push({path: '/wx/detail', query: {res: data}})

收:
// 详情页获取
 let data = JSON.parse(this.$route.query.res)
  this.result = Object.assign({}, data)


参考网页:https://www.cnblogs.com/mmzuo-798/p/10286970.html

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

推荐阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,315评论 0 3
  • 1-------- 走进前端 2-------- jQuery 3-------- CSS 4-------- A...
    依依玖玥阅读 2,357评论 0 34
  • 人们为什么需要强沟通,沟通的主要目的是信息共享信息交换。 假如你今年的思想没有把去年的思想完全颠覆倒,说明你今年根...
    匀速小跑阅读 231评论 0 0
  • 第1天灵性财富课程笔记 第1天 感恩金钱导读:财富是我们每个人原来就具备的基本需求,我们消除旧的负面的财富信念系统...
    CheerLin阅读 1,414评论 1 2
  • 不知不觉,又是一年, 仔细算算,回头看看, 童年早已成梦幻, 青春已经看不见, 剩下的就是无奈的生活, 还有衰老的...
    莫夕归阅读 633评论 0 23