Vue.js 路由传递参数错误：Uncaught ReferenceError: id is not defined

Vue.js 路由传递参数错误：Uncaught ReferenceError: id is not defined

在文件 RefundDetails 中，你使用 refundInfo.refund.refundId 获取了退款订单的 ID，并尝试通过 toListbyid 函数将该 ID 传递给文件 RefundList 中的路由。然而，在文件 RefundList 中，你却尝试使用 id 变量来获取传递过来的退款订单 ID。由于你没有定义 id 变量，所以会报错：Uncaught ReferenceError: id is not defined。

解决方法：

要解决这个问题，你需要在文件 RefundList 中使用 refundId 变量而不是 id 变量来获取传递过来的退款订单 ID。修改 toListbyid 函数如下：

function toListbyid(refundId?: string) {  
  router.push({
    name: "RefundList",
    params: { refundId: refundId },
  });
}

代码示例：

文件 RefundDetails:

function toListbyid(refundId?: string) {  
  console.log('按下了返回上一页的按钮');
  // console.log('id??????',id);
  console.log('refundId??传回前面????',refundId);
  router.push({
    name: "RefundList",
    params: { RefundList: refundId },

  });
}

<el-button type="primary" @click="toListbyid(refundInfo.refund.refundId)">查看历史退款订单</el-button>

文件 RefundList:

function toListbyid(refundId?: string) {  
  router.push({
    name: "RefundList",
    params: { refundId: refundId },

  });
}

通过以上修改，你就可以将退款订单 ID 正确地传递给 RefundList 页面，并使用 refundId 变量来获取该 ID。