Estou desenvolvendo um app com nativescript-vue onde possuo um cadastro de endereços. Eu possuo os seguintes dados:
data() {
return {
isRegistering: true,
enderecos: [{
id: 1,
descricao: 'Casa',
logradouro: 'Rua da minha casa',
numero: '123',
complemento: 'Apartamento 123 Bloco A',
bairro: 'Jardim Minha Casa',
cidade: 'Casa',
cep: '17200000'
},{
id: 2,
descricao: 'Trabalho',
logradouro: 'Rua do meu Trabalho',
numero: '123',
complemento: "Dena Code S/A",
bairro: 'Jardim Trabalho',
cidade: 'Trabalho',
cep: '17200000'
}],
formEndereco: {
id: 0,
descricao: '',
logradouro: '',
numero: '',
complemento: '',
bairro: '',
cidade: '',
cep: '',
}
}
},
Quando o usuário clica no botão Salvar insiro o meu formEndereco no array Enderecos:
salvarEndereco() {
this.enderecos.push(this.formEndereco);
this.limparFormEndereco();
},
limparFormEndereco() {
this.formEndereco.id = 0;
this.formEndereco.descricao = '';
this.formEndereco.logradouro = '';
this.formEndereco.numero = '';
this.formEndereco.complemento = '';
this.formEndereco.bairro = '';
this.formEndereco.cep = '';
},
Aí vem o problema que está me quebrando a cuca hehe. Se no método salvarEndereco eu apenas chamar a função "this.enderecos.push(this.formEndereco)", o endereço é inserido normalmente, porém quando adiciono o método "limparFormEndereco" em seguida é inserido o form vazio. Já tentei tornar o push uma função assíncrona, aquela gambiarra horrível de adicionar um time out na função de limpeza para que dê tempo de realizar o push mas nada resolveu até agora. Alguma dica do que posso não ter aprendido sobre o comportamento do vue ou do nativescript?
Esta é minha primeira pergunta no canal, me desculpem caso algo esteja muito errado.