Menu router-link


#1

Bonjour à tous,

Je voudrais savoir si il est possible d’avoir un menu simple, un peu comme dans wordpress :

 wp_nav_menu(array('theme_location'=>'header', 'container' => 'nav', ...))

Cela donne :

<nav>
    <ul>
        <li><a href="/page1">page 1</a></li>
        <li class="active"><a href="/page2">page 2</a></li>
        <li><a href="/page3">page 3</a></li>
        <li><a href="/page4">page 4</a></li>
    </ul>
</nav>

avec autant de li et liens, dont le nav et le ul est compris, avec la class active sur le bon li

Cela est-il possible en vuejs ?

Du style avec un entre la balise template et les informations dans la balise script ‽

Merci :blush:


#2

Bonjour,

Oui, il est tout a fait possible de réaliser un composant en utilisant simplement la boucle v-for qui va parcourir un objet contenant chaque URL et nom associé.

https://vuejs.org/v2/guide/list.html

Pour ce qui est de rajouter la classe ‘active’, ca peut se faire avec la directive v-bind:class

https://vuejs.org/v2/guide/class-and-style.html#Binding-HTML-Classes


#3

Merci @dawwwa

Cela fonctionne :smiley: