Problème avec un v-for

Bonjour a tous.
Quand j’essaye de faire un v-for avec le code de la doc,j’ai cette erreur :
Expected 'v-bind:key' directive to use the variables which are defined by the 'v-for' directive
Pourriez vous m’aider ?
Merci.
llaq.

Show your code that uses the v-for and v-bind. Otherwise it is hard to tell.

On doit voire ton code avec le v-for et. v-bind pour t’aider.

  <ul id="example-1">
  <li v-for="item in items" :key="index">
    {{ item.message }}
  </li>
</ul>

JS :
items: [
{ message: ‘Foo’ },
{ message: ‘Bar’ }
],

l’erreur est que index n’est pas dépendant de item (your loop variable).

:key="item.message"

serait OK par example.

Merci,ca marche.
Maintenant,j’aimerai créer une liste comme celle ci qui contient plusieurs array splités
Voici mon code : https://pastebin.aquilenet.fr/?ba011b15caf259d9#FhQzNsneNr5957jPyRMcEo571MnzyN3sQkFAJwEVfnFn
J’arrive a afficher les variables séparéments mais j’aimerai faire un tableau contenant les 2 variables dans un item.
Est ce possible ?
Merci.

Quelles sont les deux variables? buttons_array et links_array?

Peut etre comme ca:

<li v-for="(item, index) in items" :key="index">
    {{ item }}
    {{ links_array[index] }}
    {{ buttons_array[index] }}
  </li>
1 Like

Je vais essayer,merci.
Oui c’est buttons_array et links_array.

Ca n’affiche rien avec ca.

Est ce que tu peut montrer ton code complet? Outrement c’est difficult de t’aider. Preferablement dans un CodePen ou JSFiddle etc.

Du coup,j’ai trouvé,j’essayerai de vous partager le code ici.