$wIngresosVentas = [
'ingresos' => [
'val_total' => $ingresosValorTotal,
'val_mes' => $ingresosValorMes,
'qtx_total' => $ingresosQtxTotal,
'qtx_mes' => $ingresosQtxMes,
'msj' => 'Ingresos'
],
'ventas' => [
'val_total' => $ventasValorTotal,
'val_mes' => $ventasValorMes,
'qtx_total' => $ventasQtxTotal,
'qtx_mes' => $ventasQtxMes,
'msj' => 'Ventas'
]
];
return ['wIngresosVentas' => $wIngresosVentas];
y los quiero leer en un archivo .vue, ya declaré el array y sus variables
<script>
export default {
data (){
return {
ArrayIngresosVentas:[],
ingresosValorTotal:0,
ingresosValorMes:0,
ingresosQtxTotal:0,
ingresosQtxTotal:0,
}
},
methods : {
widgetIngresos(){
let me=this;
var url= '/dashboard/widgetIngresosVentas';
axios.get(url).then(function (response) {
var respuesta= response.data;
me.ArrayIngresosVentas = respuesta.wIngresosVentas.data;
})
.catch(function (error) {
console.log(error);
});
}
},
mounted() {
}
}
</script>
Y no se como leer los datos, ya he hecho funciones que extraen datos de una tabla y los he podido leer haciendo uso de --> v-for="objeto in arrayObjeto" :key="objeto.id"
pero en éste caso es un array que con datos simples.
Quizás sea algo muy sencillo pero no tengo idea que hacer.
Espero me puedan ayudar, muchas gracias
El codigo de la función en el controlador es la siguiente:
public function widgetIngresosVentas(Request $request){
//if (!$request->ajax()) return redirect('/');
$fechaActual= date('m');
$ingresosValorTotal = DB::table('ingresos')->sum('total');
$ingresosValorMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->sum('total');
$ingresosQtxTotal = DB::table('ingresos')->count();
$ingresosQtxMes = DB::table('ingresos')->whereMonth('fecha_hora', $fechaActual)->count();
$ventasValorTotal = DB::table('ventas')->sum('total');
$ventasValorMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->sum('total');
$ventasQtxTotal = DB::table('ventas')->count();
$ventasQtxMes = DB::table('ventas')->whereMonth('fecha_hora', $fechaActual)->count();
$wIngresosVentas = [
'wingresos' => [
'val_total''i_val_total' => $ingresosValorTotal,
'val_mes''i_val_mes' => $ingresosValorMes,
'qtx_total''i_qtx_total' => $ingresosQtxTotal,
'qtx_mes''i_qtx_mes' => $ingresosQtxMes,
'msj''i_msj' => 'Ingresos'
],
'wventas' => [
'val_total''v_val_total' => $ventasValorTotal,
'val_mes''v_val_mes' => $ventasValorMes,
'qtx_total''v_qtx_total' => $ventasQtxTotal,
'qtx_mes''v_qtx_mes' => $ventasQtxMes,
'msj''v_msj' => 'Ventas'
]
];
return ['wIngresosVentas' => $wIngresosVentas];
}
y el codigolos quiero leer en elun archivo vue (modificado con otro ejemplo que acabo de encontrar) es.vue, ya declaré el array y sus variables
widgetIngresos<script>
export default {
data (){
return {
ArrayIngresosVentas:[],
ingresosValorTotal:0,
ingresosValorMes:0,
ingresosQtxTotal:0,
ingresosQtxTotal:0,
}
},
methods : {
widgetIngresos(){
let me=this;
var url= '/dashboard/widgetIngresosVentas';
axios.get(url).then(responsefunction =>(response) {
this //console.ArrayIngresosVentaslog(response);
= var respuesta= response.data.data;
me.ArrayIngresosVentas = respuesta.wIngresosVentas;
})
.catch(efunction =>(error) {
console.log(eerror);
});
},
mounted() {
}
}
</script>
estoy consultado enCuando ejecuto la pagina, usando el DevTools de Chrome y el arreglopuedo ver que ya me aparece sincarga el ArrayIngresosVentas:Object y ya tiene los arrays wingresos y wventas con todos sus campos y valores, pero no se como leer los datos, me sale asiintenté un v-for pero como estoy tratando de pintar la informacion en etiquetas span... no funciona, presenta los datos pero repetidos, estuve tratando de usar un foreach pero no sirve dentro de un template.
Me podrían dar una idea de como leer los datos??
Muchas gracias
data
ArrayIngresosVentas: Array[0]