Дочерние маршруты обновляют родительский маршрут

Мои дочерние маршруты в Аурелии обновляют родительский маршрут. Я не знаю, что вызывает это, кто-то может мне помочь? У меня следующая ситуация:

app.js

config.map([

              { route: ':username', moduleId: './components/profile/profile', name: 'profile', nav: false },
            ]);

profile.html

<div class="profile-post-content">
                <div class="profile-menu">
                    <a active-menu route-href="route: profile; params.bind: { username: username }" class="profile-menu-item menu-active">
                        <label>POSTS</label>
                    </a>
                    <a active-menu route-href="route: following" class="profile-menu-item">
                        <label>FOLLOWING</label
                        <p>${model.following}</p>
                    </a>
                    <a active-menu route-href="route: followers" class="profile-menu-item">
                        <label>FOLLOWERS</label>
                    </a>
                    <a active-menu route-href="route: albums" class="profile-menu-item">
                        <label>ALBUMS</label>
                    </a>
                </div>
                <router-view></router-view>
            </div>

profile.js

configureRouter(config, router){

        config.map([
          { route: '', moduleId: '../profile/feed', name: 'userfeed', title: 'POSTS', nav: true},
          { route: 'following', moduleId: '../profile/following', name: 'following', title: 'FOLLOWING', nav: true},
          { route: 'followers', moduleId: '../profile/followers', name: 'followers', title: 'FOLLOWERS', nav: true},
          { route: 'albums', moduleId: '../profile/albums', name: 'albums', title: 'ALBUMS', nav: true},

        ]);

        this.router = router;
    }

Когда я нажимаю на ссылку (POST, FOLLOWING и т. Д.), Все файлы profile.html перезагружаются.

0 ответов

Другие вопросы по тегам