2
當有人訪問該頁面時,如何使Vue.js中的菜單項處於活動狀態?我在網上找不到任何好榜樣?Vue.js使菜單項處於活動狀態
<header>
<nav>
<ul class="navigation">
<li class="navigation-item ritten" v-if="user.authenticated" v-link="{name: 'rides'}">
<p>Ritten</p>
</li>
<li class="navigation-item" v-if="user.authenticated" v-link="{name: 'newRide'}">
<p>Nieuwe rit</p>
</li>
<li class="navigation-item" v-if="user.authenticated" v-link="{name: 'locations'}">
<p>Locaties</p>
</li>
<li class="navigation-item" v-if="user.authenticated" v-link="{name: 'newLocation'}">
<p>Nieuwe locatie</p>
</li>
<li class="navigation-item" v-if="user.authenticated" v-link="{name: 'type'}">
<p>Types</p>
</li>
<li class="navigation-item" v-if="user.authenticated" v-link="{name: 'users'}">
<p>Gebruikers</p>
</li>
<li class="navigation-item" v-if="user.authenticated" v-link="{name: 'profile'}">
<p>Profiel</p>
</li>
<li class="navigation-item" v-if="user.authenticated" v-link="{name: 'register'}">
<p>Registreer</p>
</li>
<li class="navigation-item" v-if="user.authenticated" @click.prevent="logout">
<p>Uitloggen</p>
</li>
</ul>
<nav>
</header>
感謝
三江源的偉大工程! – Jamie