Hide toolbar on certain pages

  • 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!

  • 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.

  • 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.

Log in to reply