at-ui

at-ui copied to clipboard

I have the following code and made a gif to show my problem.

1.) The wrong menu-items get highlighted. Seems like a 2 menu-item delay 2.) Router-Links (at-menu router) aren't working in dev environment - only in after bundling in prod. 3.) Before that I've used the router feature - <router-link><at-menu-item></at-menu-item></router-link> which resolved the 1st Problem and reverse the 2nd - links worked in dev but not in prod.

`<at-menu mode="horizontal" class="main_menu" active-Name="main_menu" router>

        <div class='nav-left'>
            <router-link :to="{ path: '/' }"><img class="header-logo" src="./../../assets/logo_noborder.png"></router-link>
            <at-menu-item :to="{ path: '/sponsors' }" name="1" class="general-menu-one"><i class="icon icon-award"></i>Sponsors</at-menu-item>
            <at-menu-item :to="{ path: '/users'}" name="2" class="general-menu-two"><i class="icon icon-users"></i>Users</at-menu-item>
        </div>
        <div  class='nav-right'>
                <div v-if="isAuthenticated" class="nav-right-user">
                    <at-submenu router>
                        <template slot="title"><i class="icon icon-user">User</i></template>
                        <at-menu-item :to="{ path: '/user/' + currentUserName }" name="1" class="usermenu-item-three"><i class="icon icon-home"></i>Profile</at-menu-item>
                        <at-menu-item :to="{ path: '/balance'}" name="2" class="usermenu-item-two"><i class="icon icon-layers"></i>Balance</at-menu-item>
                        <at-menu-item :to="{ path: '/settings'}" name="3" class="usermenu-item-three"><i class="icon icon-settings"></i>Settings</at-menu-item>
                        <at-menu-item v-on:click.native="logout()" :to="{ path: '/logout'}" name="6" class="usermenu-item-four"><i class="icon icon-log-out"></i>Logout</at-menu-item>
                    </at-submenu>    
                </div>
                <div v-if="!isAuthenticated" class="nav-right-login">
                    <at-button class="btn btn-apply" @click="login()">Login</at-button>
                </div>
        </div>
        </at-menu>`

Would appreciate help on that - thank you :)

See https://github.com/AT-UI/at-ui/pull/143/ for a possible fix.