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

    [v1] 'QRouteTab' component set 'disable' attribute,It didn't work.

    Framework
    2
    4
    314
    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.
    • H
      huyang271 last edited by

      This post is deleted!
      1 Reply Last reply Reply Quote 0
      • M
        Max last edited by Max

        your codepen is always reloading currently, cant check your code. maybe its an issue on codepens side

        H 2 Replies Last reply Reply Quote 0
        • H
          huyang271 @Max last edited by

          This post is deleted!
          1 Reply Last reply Reply Quote 0
          • H
            huyang271 @Max last edited by

            @max Sorry, i have no idea what happened, this is code copied from codepen:

            <div id=“q-app”>
              <q-toolbar class=“bg-white shadow-2 text-black common_header justify-between” style=“padding: 0 3px 0 15px;min-height: initial; height: 48px;”>
                <div class=“left-ico”>
                  <img @click="$router.push(’/index’)" class="cursor-pointer gt-xs" src=“assets/app_nav_logo.png”>
                </div>
                <q-tabs shrink>
                <q-route-tab v-for=“nav in navs” :key=“nav.to” :to=“nav.to” :label=“nav.label” :disable=“nav.disable”/>
                </q-tabs>
              </q-toolbar>
            </div>
            
            js:
            new Vue({
            el: ‘#q-app’,
            data: function () {
            return {
            tab: ‘home’
            }
            },
            computed: {
            navs () {
            return [
            {
            to: ‘/index’,
            label: ‘首页’,
            disable: false
            },
            {
            to: ‘/company’,
            label: ‘公司’,
            disable: false
            },
            {
            to: ‘/product’,
            label: ‘产品’,
            disable: false
            },
            {
            to: ‘/about’,
            label: ‘关于’,
            disable: true
            }
            ]
            }
            },
            methods: {
            
            }
            })
            1 Reply Last reply Reply Quote 0
            • First post
              Last post