Boa tarde galera, estou desenvolvendo uma aplicação usando Vue, e estou travado num pequeno problema. Fiz uma espécie de "Drag and Drop" só que com buttons onde ao ser clicado sai de uma lista e joga para outra. O problema é que preciso manter a lista original, pois esse drag and drop é aberto num modal, onde recebe um parametro para que faça um map no array, e retire deles aqueles que já existem no parâmetro enviado. Porém magicamente o vue está alterando tanto a lista original, quando a lista que deveria ser manipulada. Segue o trecho do código que eu gostaria de manter a lista original sem que fosse modificada.
created() {
this.service = new PerifericoService(this.$resource);
this.service.lista(this.modelo).then
(data => {
this.perifericosLista = data;
this.perifericosListaOrig = data;
},
err => {
this.estilo = "danger";
this.mensagem = err.message;
});
},
Como é possível ver, eu tento guardar a lista original em perifericosListaOrig, porém tudo o que faço na perifericosLista é refletida na perifericosListaOrig. Alguém consegue me ajudar?