Vue.js 路由传参：从 A 文件跳转到 B 文件并传递 orderId

A 文件代码:

function toGoodsOrder(orderId?: string) {
  console.log('到这里了吗', refundInfo.refund.orderId)
  router.push({
    name: '/OrderList',
    params: { OrderList: orderId },  
    // 跳转到 OrderList 路由时，传递一个名为 OrderList 的参数，参数值为 orderId。
    query: { orderId  }, 
    // query: { newTitle: '订单管理[' + orderId + ']' },
    // 跳转时，附带一个查询参数 newTitle，参数值为 '订单管理[' + orderId + ']' 
  });
}

<span style='color:blue;' @click='toGoodsOrder(refundInfo.refund.orderId)'> {{ refundInfo.refund.orderId }}</span>

A 文件点这里跳转到 B 文件，A 传 orderId 到 B 文件中用这个 orderId 查询 B 的数据。B 里面怎么写？

B 文件代码:

在 B 文件中，你可以通过 $route 对象获取 A 文件传递过来的 orderId 参数。然后使用 orderId 进行查询相关数据。

export default {
  created() {
    this.fetchData();
  },
  methods: {
    fetchData() {
      // 通过 $route 对象获取 A 文件传递过来的 orderId 参数
      const orderId = this.$route.query.orderId;

      // 使用 orderId 进行数据查询操作
      // ...
    }
  }
}

注意：

在 B 文件中，你需要确保已经正确设置了路由参数和查询参数的名称，以及路由的配置。