Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

v-for

Sempre que eu uso o v-for ele da uma mensagem que não chega a ser um erro, mas fica com sublinhado vermelho em baixo do código. ex:

<ul class="lista-fotos">
      <li class="lista-fotos-item" v-for="foto of fotosComFiltro">
        <meu-painel :titulo="foto.titulo">
          <imagem-responsiva :url='foto.url' :titulo='foto.titulo' />
        </meu-painel>
      </li>
    </ul>

Mensagem:

file: 'file:///home/cesar/Documentos/alurapic/src/components/home/Home.vue'
severity: 'Error'
message: ''v-for' directives require 'v-bind:key' directives.'
at: '6,7'
source: 'vue-language-server'

O programa funciona, mas a mensagem fica lá

1 resposta
solução!

Fala Cesar, tudo bom?

tente passar o o atributo key na sua tag html que possui o v-for, o vue usa esse atributo internamente para facilitar o acesso ao elemento que está sendo iterado.

<div v-for="item in items" :key="item.id">
  <!-- content -->
</div>

Espero ter ajudado :)