No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    [solved] bug? q-route-tabs being built wrong? being placed in q-tabs-panes?

    Help
    1
    3
    445
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      rconstantine last edited by rconstantine

      From what I can tell, a q-tab should be able to be replaced by a q-route-tab. That is not presently the case. QRouteTabs aren’t showing in the tab bar of QTabs.

      Here is my case:
      I’m replacing q-tab with q-route-tab, both of which reside under a q-tabs element.

      My original was

      <q-tabs
            glossy
            color="blue-10"
          >
      <q-tab
              slot="title"
              :count="numRoles"
              label="Roles"
              default
              name="tab-role"
              icon="supervised_user_circle"
            />
            <q-tab
              label="Permissions"
              count="0"
              slot="title"
              name="tab-perm"
              icon="visibility"
            />
            <q-tab
              label="Users"
              count="0"
              slot="title"
              name="tab-user"
              icon="assignment_ind"
            />
      </q-tabs>
      

      The new stuff looks like this so far:

      <q-tabs
            glossy
            color="blue-10"
          >
            <q-route-tab
              to="roles"
              label="Roles"
              :count="numRoles"
              name="tab-role"
              icon="supervised_user_circle"
              exact
            />
            <q-route-tab
              to="permissions"
              label="Permissions"
              count="0"
              name="tab-perm"
              icon="visibility"
              exact
            />
      </q-tabs>
      

      Previously, I had a q-tab-pane after the q-tabs, and now I have a router-view. There is no tab pane anymore. The routing seems to work fine.

      When I was previously using the tabs, they showed up left-to-right in the glossy blue bar. They now show stacked top-to-bottom below the glossy blue bar with a horizontal rule between them. Inspecting the HTML, I see that my new route tabs are nested inside of a q-tabs-panes div. The item above it, is a q-tabs-head div, and is the blue bar. Shouldn’t the q-route-tab(s) be nested inside that? That’s where q-tab(s) get put.

      I’m on Q-CLI 0.17.9, Q-F of 0.17.8.

      1 Reply Last reply Reply Quote 0
      • R
        rconstantine last edited by

        Updated to CLI 0.17.15. Same issue.

        1 Reply Last reply Reply Quote 0
        • R
          rconstantine last edited by

          Never mind - needed slot=“title” per https://github.com/quasarframework/quasar/issues/1324

          1 Reply Last reply Reply Quote 0
          • First post
            Last post