1
resposta

problema ao aplicar o V-for

Ao aplicar o V-for esta apresentando este alerta sempre que estou declarando ele conforme a imagem abaixo

 <li v-for="rota in rotas">
mensagem de alerta
[vue/require-v-for-key]
Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-vue
1 resposta

E aí, Tiago. Tudo bem?

A partir da versão 2.2.0+ do VueJS é necessário colocar uma chave (v-bind:key) ao usarmos a diretiva v-for.

O v-bind:key é uma forma do VueJS acompanhar a identidade de cada nó e, portanto, reutilizar e reordenar elementos existentes

Para esse alerta parar de aparecer basta colocar o seu elemento da seguinte forma:

<li v-for="rota in rotas" v-bind:key="rota">
    ...
 </li>

Documentação do VueJS em Português.

Espero que tenha te ajudado.

Bons estudos =)