@s-molinari said in Reacting to tab changes within tab panel.:
Ok. Then is the data and the stucture 100% specific to each panel? If yes, you could build the “panel” components and use the mounted lifecycle event to generate the calls for data. Not sure that is a good solution.
Most of the time but not always. Just on that very page the fields change on every item you pick on the left.
Mounted will only fire once because I am using keep-alive on the tabs.
And I need that because that is what keeps the scroll position of the tabs and the selected tab and the open close status of the expansion-item etc … : ) I don’t really want to track their state …
Otherwise every time you choose a new item from the list all of these will be reset and nothing would be more annoying than that. : )
Have you tried the $props watcher? Since it is only one prop you are watching, it might fire as you need it too. Still not sure myself why the watcher isn’t firing. Maybe a question for the Vue community…
You mean watching the $props instead of a single element in it ? No. How do you do that ? I didn’t know you can do that.
Unfortunately (or fortunately shall we say : )) I can not reproduce this in a plain Vue component. Otherwise I would take it to the Vue forum.
This issue so far is limited to q-tab-panels. I think it is to do with how these panels are created … although not sure.
Btw I managed to get to a point which I can live with for now I post my solution later … it is rather bodged or it feels so. Thank you for the ideas.