Greetings to the community of Vue developers! I am encountering a problem and I am hopeful that you can offer assistance. I will be presenting three different states within my structure.
State: '/tab1' https://i.sstatic.net/EpvRy.jpg
State: '/tab1/item1' https://i.sstatic.net/W1nZJ.jpg
State: '/tab2' https://i.sstatic.net/fFkil.jpg
As seen in the structure above, it follows the typical list/item format. The issue arises as this is a Single Page Application (SPA) embedded within a web app for iOS and Android (simulating an app). When a user navigates from 'tab1/item1' to 'tab2', and then clicks back to 'tab1', internally there should be a return to 'tab1/item1' rather than reloading the page. Is there a pre-existing solution or structure that addresses this? My initial thoughts were to utilize multiple views within each tab instead of one main view for all. Another consideration was removing views and using a parent component. Any insights or assistance on this matter would be greatly appreciated. Thank you!