vue路由传参接参

最新推荐文章于 2025-06-11 02:06:48 发布

转载最新推荐文章于 2025-06-11 02:06:48 发布 · 119 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://blog.youkuaiyun.com/xz182838/article/details/107465708

文章标签：

#vue.js #前端

<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'))
  },
}