Laravel - Lravel 10 + inertia + Vuejs Actualizacion Data Vista

 
Vista:

Lravel 10 + inertia + Vuejs Actualizacion Data Vista

Publicado por Yamid Cano (1 intervención) el 21/09/2023 15:54:32
Tengo lo siguiente script

const { entryRecord } = defineProps(['entryRecord']); // Recibo la informacion del controlador

//Realizo un filtrado de la informacion recibida
const data = entryRecord.filter(item => item.new_eps == 1 || item.new_arl == 1 || item.date_departure === null);

console.log(entryRecord)
console.log(data)

Cuando realizo un PUT y actualizo un registro en la base de datos en la vista
la variable {{ entryRecord }} se actualiza automaticamnte,
mientras el {{ data }} no se actualiza en la vista automaticamnte, toca recargar la pagina..


Investigando alguien me dijo que {{data}} es una propiedad calculada y por eso no se actualiza automaticamente
Entonces cambie a un onMounted de la siguiente manera

let { entryRecord } = defineProps(['entryRecord']);

let data = ref([]);

onMounted(async () => {
try {
data.value = entryRecord.filter(item => item.new_eps == 1 || item.new_arl == 1 || item.date_departure === null);
} catch (error) {
console.error('Error al obtener datos:', error);
}
});


en incluso cuando doy en el boton para actualizar agregar la siguiente linea

data.value = entryRecord.filter(item => item.new_eps == 1 || item.new_arl == 1 || item.date_departure === null);

Boton goOut

const goOut = (id) => {
confirm.require({
message: '¿Está seguro de que desea registrar la salida del visitante?',
header: 'Registrar Salida',
icon: 'pi pi-info-circle',
acceptClass: 'p-button-danger',
acceptLabel: 'Sí',
accept: () => {

form.put(route('updateState', { id: id }));
let { entryRecord } = defineProps(['entryRecord']);
data.value = entryRecord.filter(item => item.new_eps == 1 || item.new_arl == 1 || item.date_departure === null);
console.log(data.value)
toast.add({ severity: 'success', summary: 'Confirmado', detail: 'Registro del visitante se ha cerrado exitosamente', life: 4000 });
},
reject: () => {
toast.add({ severity: 'error', summary: 'Rechazado', detail: 'No se realizó ningún cambio en el registro', life: 4000 });
}
});
};


pero aun asi sigue sin actualizar la variable {{DATA }}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
1
Responder