espero me puedan ayudar, recién estoy comenzando en Laravel e intento hacer lo siguiente. Tengo un controlador con datos en un array:
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' => [
'i_val_total' => $ingresosValorTotal,
'i_val_mes' => $ingresosValorMes,
'i_qtx_total' => $ingresosQtxTotal,
'i_qtx_mes' => $ingresosQtxMes,
'i_msj' => 'Ingresos'
],
'wventas' => [
'v_val_total' => $ventasValorTotal,
'v_val_mes' => $ventasValorMes,
'v_qtx_total' => $ventasQtxTotal,
'v_qtx_mes' => $ventasQtxMes,
'v_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) {
//console.log(response);
var respuesta= response.data;
me.ArrayIngresosVentas = respuesta.wIngresosVentas;
})
.catch(function (error) {
console.log(error);
});
},
mounted() {
}
}
</script>
Cuando ejecuto la pagina, usando el DevTools de Chrome puedo ver que ya me carga el ArrayIngresosVentas:Object y ya tiene los arrays wingresos y wventas con todos sus campos y valores, pero no se como leer los datos, intenté 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.
Ya pude leer los datos usando un v-for dentro de un div, el problema es que cuando solo pongo dos datos para presentar.. todo bien, pero cuando pongo un tercer dato... me triplica los span los primeros con inforacion y el tercero en blanco
me.ArrayIngresosVentas = respuesta.wIngresosVentas.data;
, pero ese.data
parece estar de más... Podrías mostrar que tienes en la variablerespuesta
?ArrayIngresosVentas
,