Hide toolbar on certain pages

[oxymo]

Hi,

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]

Are you using vue-router? If yes, this is how.

https://router.vuejs.org/guide/essentials/passing-props.html#passing-props-to-route-components

Scott

[oxymo]

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]

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.