vue路由传参接参

<span class="xq" @click="routerTo(item)">详情</span>

routerTo (row) {
  const orderInfo = row
  localStorage.setItem('orderInfo', JSON.stringify(orderInfo))
  this.$router.push({
    path: '/details',
    query: { orderInfo: orderInfo }
  })
}

接收参数

export default {
  data () {
    return {
      // headerName: '订单详情',
      orderInfo: {}
    }
  },
  created () {
    this.orderInfo = this.$route.query.orderInfo
    this.orderInfo = JSON.parse(localStorage.getItem('orderInfo'))
  },
}