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 }}
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
1