vuex store management overwrites the table in ionic

Question

Code: https://github.com/cbsmerveguel/ionicblank

Hi all,

I am very new at vuejs and vuejs with ionic. I wanted to give it a try with a master-detail view, in which at master page a table will be located, and in the detail view the details of the selected item from that table. I am following this youtube video in parallel to do it. The vuex store management worked well, and now I am able to get the details of the selected item, however it came with 2 separate issues:

1. Right after going in to the detail view and navigating back -> overwrites the table data. As I run the app for the first time, everything is fine. However as I navigate into the second item and navigate back, the first item's inspectionId would be overwritten with the navigated item. Same for any item I am selecting, it keeps overwriting the first item's inspectionId.

After navigating into the 2. item and navigating back to home

2. Although I am able to get the details of the selected item into the object page, it only displays the inspectionId. Not the Material or Status, these values keep getting picked up from the very first item.

Any comment, help would be very much so appreciated.

Code has been shared in the repo: https://github.com/cbsmerveguel/ionicblank

Answer 1

Here is the line of code causing the error.

data.id = inspectionId is an assignment, so whatever you click becomes assigned to the first object of your tableData array. What you mean to do is a comparison:

data.id === inspectionId