Tenho um array que nomeei como "nomes", que inicialmente está vazio
nomes: []
Estou incluindo elementos nesse array com a função unshift(), para incluir elementos sempre no início do array e não no final dele, então faço isso da seguinte forma:
nomes.unshift("Leonardo")
nomes.unshift("Victor")
nomes.unshift("Guilherme")
Utilizarei o v-for para exibir os elementos do array na minha página como uma lista:
<ul>
<li v-for="nome in nomes">
{{ nome }}
</li>
</ul>
A saída será:
- Guilherme
- Victor
- Leonardo
Agora quero lista-los com um índice, então faço o seguinte:
<ul>
<li v-for="(nome, i) in nomes">
{{ i }}: {{ nome }}
</li>
</ul>
E a saída será
- 1: Guilherme
- 2: Victor
- 3: Leonardo
Mas eu quero que os índices sejam invertidos, ou seja, que eu tenha o seguinte resultado:
- 3: Guilherme
- 2: Victor
- 1: Leonardo
Como faço para inverter a ordem dos índices do v-for ?
{{ nomes.length - i }}: {{ nome }}
counter-increment:
para o SOpt.