Porque não utilizar o index para Excluir o projeto sem precisar fazer um filter? No v-for de projetos posso pegar o index do projeto e passar para função exluir ao invés de mandar o projeto.id
<tr v-for="(projeto, index) in projetos" :key="projeto.id">
<td>{{ projeto.id }}</td>
<td>{{ projeto.nome }}</td>
<td>
<router-link :to="`/projetos/${projeto.id}`" class="button">
<span class="icon is-small">
<i class="fas fa-pencil-alt"></i>
</span>
</router-link>
<button class="button ml-2 is-danger" @click="excluir(index)">
<span class="icon is-small">
<i class="fas fa-trash"></i>
</span>
</button>
</td>
</tr>
- Com o index na função excluir envio ele para a Mutation Excluir;
excluir(index: number) {
this.store.commit('EXCLUI_PROJETO', index);
}
- Com o index faço um simples state.projetos.splice(index, 1); sem ter que fazer um filter que utiliza muito mais recursos do que o splice que dela um item do array pelo index.
O que acha?
