Cuando actualizo la matriz ref (), q-table no se actualiza. Estoy iniciando la referencia de filas con la función "getApplications()". Luego, cuando llamo a la función revisada () desde una línea en la tabla q, la tabla no se actualiza con nuevos datos después de actualizar las filas ref.

 <q-table v-model:selected="selected" :loading="loading" title="Applications" :rows="rows" :columns="columns" row-key="id" ></q-table> <script setup> import { api } from "boot/axios"; import { ref } from "vue"; const columns = ref([ ........}); let rows = ref([]); getApplications(); function getApplications() { api({ method: "get", url: "/webdata/_partition/apply/_design/apply-list/_view/apply-list", }) .then((response) => { var row = fncArrayAll(response.data.rows); rows.value = row; }) .catch((e) => { console.log("e: ", e); alert(e); }) .finally(() => { loading.value = false; }); } function reviewed(prop) { loading.value = true; api({ method: "get", url: "/webdata/" + prop.row._id, }) .then((response) => { var newData = response.data; newData.office.reviewed = !newData.office.reviewed; api({ method: "put", url: "/webdata/" + prop.row._id, data: newData, }) .then((response) => { console.log("new response: ", response); }) .catch((e) => { console.log("e: ", e); alert(e); }) .finally(() => { loading.value = false; }); }) .catch((e) => { console.log("e: ", e); alert(e); }) .finally(() => { loading.value = false; }); } function fncArrayAll(items) { var filtered = []; for (var i = 0; i < items.length; i++) { filtered.push(items[i].value); } // console.log(filtered); return filtered; } </script>

Cuando las filas se actualizan en la función revisada, la tabla q no se actualiza.

Gracias por cualquier ayuda