quasar: QRouteTab no longer matches child routes

Software version

Quasar: 1.0.0-beta.12 @quasar/app (v1+ only): OS: ubuntu Node: 8.10.0 NPM: 6.8.0 Browsers: chrome, firefox

What did you get as the error?

QRouteTab no longer matches child routes

What were you expecting?

QRouteTab should match child routes When on route ‘childRoute1’ QTabs v-model should equal ‘tab1’

What steps did you take, to get the error?

export default [
  {
        name: 'parentRoute1',
        path: '/path',
        component: () => import('pages/aPage'),
        children: [
          {
            name: 'childRoute1', // QRouteTab 'tab1' should match this route
            path: 'path1',
            components:  () => import('components/component1')
          },
          {
            name: 'childRoute2', // QRouteTab 'tab1' should match this route
            path: 'path2',
            components: () => import('components/component2')
          }
    }
]
<q-tabs v-model="toolbarTabs">
          <q-route-tab
            name="tab1"
            label="Tab 1"
            :to="{name: 'parentRoute1'}"
            :key="'-tab'"
          />
          <q-route-tab
            name="tab2"
            label="Tab 2"
            :to="{name: 'parentRoute2'}"
          />
        </q-tabs>

About this issue

  • Original URL
  • State: closed
  • Created 5 years ago
  • Comments: 15 (3 by maintainers)

Commits related to this issue

Most upvoted comments

@pdanpdan That did the trick! We have since decided not to use QRouteTabs for this particular use case (nothing to do with this issue) but I’m glad to help report this bug. Thanks for all your alls work on Quasar!