vuex 存储管理覆盖 ionic 中的表

Question

代码：https://github.com/cbsmerveguel/ionicblank

大家好

我对 vuejs 和带有 ionic 的 vuejs 非常陌生。我想尝试使用主从视图，其中在主页面中将定位一个表，并在详细视图中显示该表中所选项目的详细信息。我正在同时关注这个 youtube 视频来做到这一点。 vuex 商店管理运行良好，现在我能够获取所选商品的详细信息，但是它有 2 个单独的问题：

1. 进入详细视图并导航回来后 -> 覆盖表数据。当我第一次运行该应用程序时，一切都很好。然而，当我导航到第二个项目并导航回来时，第一个项目的 InspectionId 将被导航项目覆盖。对于我选择的任何项目也是如此，它会不断覆盖第一个项目的 InspectionId。

导航到第 2 项并导航回到主页后

2. 虽然我可以将所选项目的详细信息放入对象页面，但它只显示检查Id。不是材质或状态，这些值不断从第一个项目中获取。

任何评论、帮助将非常感激。

代码已在存储库中共享：https://github.com/cbsmerveguel/ionicblank

Answer 1

这里是导致错误的代码行。

data.id = inspectionId

是一个分配，因此您单击的任何内容都会分配给

tableData

数组的第一个对象。你的意思是比较：

data.id === inspectionId