Tengo un Componente en Vue, donde traigo un array llamado arrayTareas2
(Ver código) proveniente de una consulta en mi base de datos, y tengo un array fijo llamado arrayTareas1
de valores fijos.
Si ejecutan, pueden notar que el resultado que me entrega al ejecutar el push, es enviarme el array de objeto, dentro de otro array de objeto.
vue = new Vue({
el: '#app',
data:{
arrayTareas1:[
{text:'tarea1'},
{text:'tarea2'}, //ARRAY FIJO
{text:'tarea3'}],
arrayTareas2: [
{text:'tarea4'}, //ARRAY PROVENIENTE DE LA BASE DE DATOS
{text:'tarea5'}]
},
methods: {
click(){
this.arrayTareas1.push(this.arrayTareas2)
}
}
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.10/vue.js"></script>
<div id="app">
{{arrayTareas1}}
<br>
<button @click="click()">agregar</button>
<br>
</div>
Y lo que me gustaría es poder realizar un merge, de combinar ambos datos dentro de un sólo array de objeto, es decir, que quede sólo en arrayTareas1
.
¿Alguna idea?