Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dificuldade para remover item de uma lista invertida no Vue

Estou apanhando na hora de usar lista no Vue. Exibo na tela uma lista invertida por uma computed. Preciso se exibir ela invertida para quando adicionar um item ele aparecer na parte de cima. Só que da forma que fiz o Vue se perde na hora de remover o item correto da lista.

Veja meu código: aqui

Fiz um botão para adicionar, que funciona corretamente. Já no "remover" eu utilizo o index do item na lista para fazer um splice(), só que o Vue usa esse index na lista invertida, eu imaginei que ele usaria na lista original e depois inverteria.

2 respostas
solução!

Cara, use o método unshift. Ao contrário do push que adiciona no final da Stack, o unshift adiciona no início.

Fiz um exemplo bem capenga, mas acredito que irá servir.

Link: jsfiddle

Valeu Mathews, otima ideia!!