Tengo un problema con Vue js:
Trato de hacer algo así como una lista de notas.
Tengo un array de json donde se guardaran todas las notas y un json donde se guarda la nota que la persona quiere crear. Pero el problema es:
Luego de hacer un push a el array de json se agrega perfectamente pero luego al modificar el valor en el json se modifica automáticamente el array de json.
No puedo modificar el json sin que me modifique el valor en el array.
PD: el método que hace el push se activa cuando hago click a un button
Dejaré aquí el código mas relevante, si necesitan mas información con mucho gusto la brindare.
el: '#app',
data: {
hasError: 0,
typeError: '',
noteSelected: null,
note: {
title: '',
content: '',
tags: [],
tagsString: ''
},
notes: [{
title: 'titulo de una nota',
content: 'contenido de una nota',
tags: ['nota', 'contenido'],
tagsString: ''
}]
},
methods:{
newNote: function() {
if (this.validate() === true && this.noteSelected === null) {
this.addTags();
this.noteSelected = this.note;
this.notes.push(noteSelected);
}
},
}