路由传参传对象

传字符串

#传送
 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

你可能感兴趣的:(路由传参传对象)