Tengo un problema complicado con la aplicación vue.

En mis métodos, necesito duplicar temporalmente una variable de datos:

 this.El_selected = this.dessign[index].rows[key].element

Entonces, siempre que hago un cambio en "El_selected", el cambio también se hace en "diseño", que no es lo que necesito.

Traté de usar una variable local intermedia con los mismos resultados.

 let el_temp = null; el_temp = this.dessign[index].rows[key].element this.El_selected = el_temp

Incluso, intenté dividirlo en dos métodos diferentes, pero no tuve éxito.

EDITAR (como solicitud de Creative Learner. gracias): El elemento de datos:

 data() { return { dessign : [], eSelected : [0,0], elements : [], is_selected : false, open : false, category : null, categories_options : [], El_selected : null, Op_selected : { oscilobatiente : null, mano : null, maneta : null} };

},

El código del método:

 setId(index,key){ let el_temp = null; this.eSelected = [index,key] this.category = this.Op_selected = null el_temp = this.dessign[index].rows[key].element this.El_selected = el_temp this.Op_selected = { oscilobatiente : this.El_selected.oscilobatiente, mano : this.El_selected.mano, maneta : this.El_selected.maneta } this.El_selected.oscilobatiente = this.El_selected.oscilobatiente != null ? 1 : 0; this.El_selected.mano = this.El_selected.mano != null ? 1 : 0; this.El_selected.maneta = this.El_selected.maneta != null ? 1 : 0; },

Las últimas tres líneas cambian el valor en "diseño". (Comprobado con VueDevTools)

EDITAR 2 ::

el método se llama desde el botón que alterna una barra lateral

 <b-button vb-toggle.sidebar-right variant="default" @click="setId(index,key)" > <feather-icon icon="PlusSquareIcon" size= 24 /> </b-button>