cristianhu06 / laravelv9x

Repositorio
2 stars 0 forks source link

Crear Refresh en Automatico #28

Open cristianhu06 opened 1 year ago

cristianhu06 commented 1 year ago

REFRESCAR EN AUTOMATICO SIN RECARGAR .-

En tu componente NombreContador, agrega el siguiente código al final del método

mount():

public function mount()
{
    $this->count = Empleado::count();
}

public function render()
{
    return view('livewire.employee-counter');
}

En tu vista nombre-vista.blade.php, modifica el código existente para agregar la directiva wire:poll al elemento que muestra el contador. Asegúrate de ajustar el intervalo de tiempo según tus necesidades. Por ejemplo:

<div>
    <h2><span wire:poll.3000ms="refreshCount">{{ $count }}</span></h2>
</div>

@livewireScripts

En tu componente EmployeeCounter, agrega un nuevo método llamado refreshCount() que se ejecutará cada vez que se actualice el contador. Dentro de este método, actualizarás la propiedad $count con el nuevo valor de empleados. Por ejemplo:

public function refreshCount()
{
    $this->count = Empleado::count();
}

EJEMPLO CONTROLADOR

Image

EJEMPLO VISTA

Image