Dynamic q-toolbar - what's the best idea? (0.15)



  • Hi, is there a standard or best way to make dynamically changing q-toolbar according to pages being displayed? This is for Quasar v0.15. Obviously I’m newbie 🙂

    TQ



  • Within the routes you may add some meta data like:

      { path: 'test/public',
        component: () => import('pages/test/public'),
        meta: { title: 'Public Test Page' } },
    

    Within the layout or page you can then use this meta data like:

        <q-toolbar-title>
          {{ $route.meta.title }}
        </q-toolbar-title>
    

    So if the route changes, the title will also change.



  • How about things like back button, menu icon and other stuff like search field…



  • You can access the route object from within your component with this.$route
    Then you can use this to display stuff depending on your route


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.