Hide toolbar on certain pages
I’m trying to use the same layout throughout my app (because it contains the drawer). Beside the drawer it also contains the toolbar. However, I want to hide the toolbar on certain pages.
After having read https://github.com/quasarframework/quasar/issues/30 I added v-model to the toolbar in the layout, that refers to data in the store. However, I don’t know, how to change this data for a single page. Any clue on how to do that?
Another solution I thought of, was putting the sidebar to a component. This component can be used in both layouts, the one with toolbar and the one without. Does that sound like a good idea?
Thanks a log in advance!
s.molinari last edited by
Are you using vue-router? If yes, this is how.
Yes, I do. Thanks for the hint.
I thought there might be a different, better solution using the global store.
Thanks anyway, this will work.
Hawkeye64 last edited by
I have a page where user double-clicks on an item, are then taken to a second page and relevant data is acted upon. I started off using the props on route, but found issue if the User refreshed the page (browser refresh or F5). As a result, the item would get processed a second time.
I have since changed this to be in my store. After processing, I reset the store attribute. Now when the User refreshes the page, the itemn is no longer processed again.